Бесшовное начало мобильной версии сайта, если необходимо?

Question

У меня есть javascript на моей странице, который обнаруживает мобильные браузеры и делает корректировки css на сайт, что делает его подходящим для использования на мобильных устройствах.

Но сайт сначала отображается в «Настольной» версии, а затем занимает некоторое время, чтобы переформатировать себя. Это приводит к избыточной нагрузке.

Я ценю хороший рецепт о том, как мгновенно отображать мобильную версию вместо настольной версии с помощью js или другими способами.

Answer 1

Вы можете сделать редирект на мобильную страницу

<script type="text/javascript"> 
<!-- 
if (screen.width <= 700) { 
document.location = "/mobile"; 
} 
//--> 
</script> 

Или для использования же страниц CSS исправление:

@media screen and (max-width:800px) { 

// then put your mobile css in here 

} 

То же самое, но специфичны для iPhone 5

@media screen and (device-aspect-ratio: 40/71) 
{ 

} 

Дополнительная информация здесь: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ и iPhone 5 CSS media query