gpt4 book ai didi

javascript - html 页面在设备上显得很小,当点击刷新时它会回到正常位置。

转载 作者:太空宇宙 更新时间:2023-11-03 19:14:54 25 4
gpt4 key购买 nike

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com