html页面在设备上看起来很小，当点击刷新时它会回到正常位置

The html page appear small on device, when hit refresh it comes to normal position.

本文关键字：刷新 位置 常位置 看起来 html      更新时间：2023-09-26

我正在构建一个移动网站，当页面在屏幕上打开时，它的大小是设备的一半。点击刷新后，页面会正确显示在设备上。头部标签有一个主脚本，它根据屏幕宽度选择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。

尝试使用一个默认的css链接，然后根据屏幕大小进行更改。

相关文章：