我正在构建一个移动网站,当页面在屏幕上打开时,它只有设备的一半大小。点击刷新后,页面会正确显示在设备上。 head 标签具有根据屏幕宽度选择 css 文件的主脚本。代码如下:
<head>
<link rel="stylesheet" type="text/css" />
<script type="text/javascript">
if (screen.width >= 480)
{
link = document.getElementsByTagName( "link" )[ 0 ];
link.href = "style480.css";
}
</script>
<title>XYZ</title>
</head>
最佳答案
不确定,但看起来浏览器并没有在第一轮下载样式表,因为脚本在页面呈现之前不会执行。
只有在刷新后,它才会注意到 css 的存在并相应地应用。
请尝试使用已链接的默认 CSS,然后根据屏幕尺寸更改另一个。
关于javascript - html 页面在设备上显得很小,当点击刷新时它会回到正常位置。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7060743/