Я перешел с jquery на последние версии, и теперь мой сайт показывает все, как компьютерный сайт на android и iphone.
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.css" /> <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>
до
<link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
Текущая голова
<!DOCTYPE html> <html> <head> <title></title> <link href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" rel="stylesheet" type="text/css" /> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script> </head>
Есть идеи?
РЕШЕНИЕ
Я добавил <meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport">. и теперь все в порядке.
<meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport">.
Лучшее значение области просмотра:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi">
Я добавил. И теперь все в порядке.
<meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport">