Я думаю, что добавление этого класса в тэг html приводит к тому, что этот тег не будет работать так, как предполагается.
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Я получил его работу, как я уже сказал, в основном, если вы хотите использовать JQuery Mobile и мета-тег Internet Explorer "edge", лучший способ сделать это, чтобы убедиться, что он будет работать, - отправить заголовки через PHP и включить html файл без заголовков вы можете добавлять стили и скрипты в тело. Вот мой код:
<?php
header( 'X-UA-Compatible: IE=edge,chrome=1' );
header( 'content: width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' );
include('ix.html');
?>
Вместо этого попробуйте: <meta name="viewport" content="width=device-width, initial-scale=1">
Некоторые примеры, которые я нашел онлайн, показывают, что они поместили второй мета-элемент после порта представления.
<!DOCTYPE html> <html> <head> <title>Starter page</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css"/> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> </head>
http://www.1stwebdesigner.com/css/jquery-mobile-need-to-know/
Изменение метаданных страницы: jquerymobile на одной странице с разными настройками мета-просмотра