Макет JQM не работает с IE9
Я разрабатываю мобильный веб-сайт с JQM, но мне кажется, что он не работает с IE9. Макет настолько отличается от других браузеров, и все элементы перепутаны. Я использую html5shiv, но я не думаю, что это тот случай, здесь.
Вот что я использую:
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0-alpha.1/jquery.mobile-1.2.0-alpha.1.min.js"></script>
А потом просто базовые div в HTML-разметке.
URL: http://paaluttaja.elasticbeanstalk.com/
Я надеюсь, что кто-то может указать мне правильное направление... Мне не нужно полное решение.
2 ответа
Решение
Я скучаю
<!DOCTYPE html>
с самого начала файла, это решает мои проблемы. IE, кажется, только браузеры, которые требуют его присутствия.
На вашей странице отсутствует требуемый макет. У тебя есть <div data-role="page">
блокирует, но отсутствует требуемый блок контента;
<div data-role="page">
<div data-role="header">
</div>
<div data-role="content">
my content here
</div>
</div>