Question

我正在构建一个移动网站，当页面在屏幕上打开时，它的大小只有设备的一半。点击刷新后，页面会在设备上正确显示。 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>

Answer 1

不确定，但看起来浏览器没有在第一轮下载样式表，因为在呈现页面之前脚本不会执行。

只有刷新后才会注意到css的存在并相应地应用。

尝试使用已经链接的默认css，然后根据屏幕尺寸更改另一个。

html页面在设备上显得很小，当点击刷新它到达正常位置时。

1 个答案: