响应式设计:移动版网站在加载时显示完整版本
问题描述:
我正尝试使用CSS和jQuery构建我的网站的移动版本。网站工作正常,但当页面仍然在移动浏览器中加载时,它会显示完整版本的网站,然后在页面完全加载时显示移动版本。最后一次,即使我做了不同的网站为移动相同的域名使用:响应式设计:移动版网站在加载时显示完整版本
if($(window).width()<500){window.loacation('mobile.webtsite.com')}
仍然我有同样的问题。 不过这次我做的是:
if($(window).width()<500){
$("#linkCss").attr('href','styles/mobile.css');
var high=$(window).height()*60/100;
答
文档准备语句之前,只需调用你的函数。
<script>
thisWillFireImmediately();
$(function() {
thisWillFireOnDocumentReady();
});
</script>
+1
非常感谢! –
答
试着将你的脚本标签与上面的代码页的正文之前在你的头标记。
<head>
<script>
if($(window).width()<500){
.
.
.
}
</script>
</head>
<body></body>
如果您改用媒体查询,那就没问题了。或者在***加载dom之前完成脚本*** - 这意味着它只是包含一些移动版本的CSS资源,没有涉及DOM(尚未加载)。 –