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 媒体查询