Javascript html页面在设备上看起来很小，当点击“刷新”按钮时，页面会恢复到正常位置。_Javascript_Html_Css

Javascript html页面在设备上看起来很小，当点击“刷新”按钮时，页面会恢复到正常位置。

javascript html css

Javascript html页面在设备上看起来很小，当点击“刷新”按钮时，页面会恢复到正常位置。,javascript,html,css,Javascript,Html,Css,我正在建立一个移动网站，当页面在屏幕上打开时，它的大小只有设备的一半。点击刷新后，页面将正确显示在设备上。head标签具有根据屏幕宽度选择css文件的主脚本。代码如下： <head> <link rel="stylesheet" type="text/css" /> <script type="text/javascript"> if (screen.width >= 480) { link =

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


如果（屏幕宽度>=480）
{
link=document.getElementsByTagName（“链接”）[0]；
link.href=“style480.css”；
}
XYZ

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

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

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

@jack：我建议您也将JavaScript包装到一个函数中，并在加载时运行它。看见