Будет ли веб-сайт asp.net mvc, созданный с использованием HTML5, работать «из коробки» на мобильных устройствах

Question

Я создаю новый веб-сайт, используя веб-приложение asp.net mvc3, и я нашел в сети несколько бесплатных шаблонов HTML5, которые я могу добавить к своему виду _layout в своем веб-приложении mvc3. Я прочитал, что HTML5 может автоматически адаптироваться к размеру экрана любого устройства.

Значит ли это, что если я использую HTML5 в моем представлении макета, то мой веб-сайт может быть доступен с разных мобильных устройств, и макет моего веб-сайта автоматически адаптируется к размеру экрана мобильных устройств? BR

Answer 1

Не все так просто.Вам нужно бороться с

• Большой выбор мобильных устройств.Некоторые поддерживают HTML5, некоторые частично поддерживают его, а некоторые вообще не поддерживают.

• Даже если мобильное устройство поддерживает HTML5, экран мобильного устройства намного меньше рабочего стола, поэтомувозможно, он не сможет правильно изменить представление.

• То, как пользователь взаимодействует с мобильным веб-приложением, сильно отличается от настольного веб-приложения, так что даже если оно правильно изменило представлениепользовательский опыт может быть дерьмом.

• Мобильный пользователь может подключаться через соединение с низкой пропускной способностью.Какого размера ваши веб-страницы, и подходят ли они для рассылки более 2 г, 2,5 г или 3 г?

Answer 2

Они должны работать из коробки на мобильных устройствах (в оригинальной демонстрации iPhone Стив Джобс показал, как iPhone отлично справился с рендерингом существующих сайтов), но не будет автоматическая адаптация к размеру экрана сверх того, что уже обеспечивает HTML.

Что касается HTML, <meta name="viewport"> может в значительной степени помочь макету вашего сайта на устройствах на основе Mobile WebKit (то есть всех iPhone, и, я полагаю, на всех устройствах Android). Смотри, например,

• https://developer.mozilla.org/en/Mobile/Viewport_meta_tag
• http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html.

Answer 3

Ничто не работает автоматически, но я бы дал это осторожное «возможно».Разработанные мной сайты MVC3 хорошо работают на iPhone, iPad, Android и Windows Phone.Например, ссылка

Все еще должен быть действительным HTML5, поэтому я бы предложил использовать валидатор .

Адаптация размера экрана неособенность HTML5 как таковой, это особенность грамотного дизайна с использованием HTML и CSS.

Answer 4

Ну нет, не всегда. HTML 5 - это очень широкий термин, и существует множество устройств. Нет никакой реальной гарантии, что то, что вы напишите в любой версии HTML 5, будет отображаться так, как вы хотите, в любом браузере, кроме как через тестирование и опыт тестирования.

Тем не менее, я думаю, что вы имеете в виду медиазапросы CSS , которые на самом деле не имеют отношения к ASP.NET MVC 3 или HTML 5. С сайта caniuse здесь вы можно получить представление о том, какие браузеры поддерживают медиазапросы.

Если вы правильно используете медиазапросы CSS 3 и целевые браузеры поддерживают эту функцию, то ответ на ваш вопрос будет положительным.