javascript - 需要时无缝启动手机版网站？

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