Моя проблема возникает во внутреннем браузере Android в сочетании с JQuery Mobile. Когда я перезагружаю текущую страницу, содержимое сжимается, чтобы соответствовать тексту в списке.
Подробнее: код отлично работает на iPhone, мобильных настольных инструментах и Firefox для Android. Однако во внутреннем браузере Android у меня есть эта странная проблема с кодом ниже. Смотрите мое редактирование ниже.
Что я пробовал до сих пор: я много играл с метатегом окна просмотра. Во всяком случае, я не думаю, что это проблема, потому что контент отображается правильно на любом другом сайте в моем приложении.
<meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1'>
$('meta[name=viewport]').attr('content','width='+$(window).width()+',user-scalable=no');
как эти сообщения предлагают:
- Масштабирование JQuery для мобильных устройств
- Полная веб-страница и отключенный метатег области просмотра масштабирования для всех мобильных браузеров
Мой код:
<html>
<head>
<meta name="viewport" content="width=650">
<!-- CSS and Scripts-->
</head>
<body>
<!-- Page Wrapper -->
<div data-role="page">
<section data-role="content">
<h2>
Code Sample
</h2>
<div class="ui-grid-solo">
<p style="margin-bottom: 38px;">
<a href="?id=a" data-ajax="false">A</a>
<a href="?id=b" data-ajax="false">B</a>
<a href="?id=c" data-ajax="false">C</a>
</p>
</div>
<!-- Dynamic content-->
<ul data-role="listview" data-inset="false">
<!-- Use ?id to grab and display data (CodeBehind.vb)-->
</ul>
</section>
</div>
</body>
</html>
Кто что думает, или боролся с подобной проблемой?
Редактировать: Я кое-что понял, проблема, похоже, возникает в этом куске кода:
<!-- Dynamic content-->
<ul data-role="listview" data-inset="false">
<!-- Use ?id to grab and display data (CodeBehind.vb)-->
</ul>
Обычно listView заменяет большие текстовые элементы «точкой-точкой-точкой» в конце, чтобы они помещались на экране. В моем случае это все еще происходит, но в тексте есть много символов, прежде чем произойдет сокращение. В результате все уменьшается. Как мне это решить?