gpt4 book ai didi

用于移动设备的 CSS 有时会恢复到原始状态

转载 作者:行者123 更新时间:2023-11-28 08:54:04 24 4
gpt4 key购买 nike

所以大多数时候我的样式表都能正常显示。标准/原始版本总是完美无缺,但有时从移动设备上看时似乎会忽略移动版本

我将它们指定如下:

<link href="CustomStyleSheets/standard.css" rel="stylesheet" type="text/css" />
<link href="CustomStyleSheets/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 799px)" />

我正在使用 Droid X 以纵向模式查看页面,因此设备宽度不应超过上面指定的最大宽度,但有时,它仍然随机地恢复到原始 css 页面。

有什么办法可以阻止它这样做吗?

最佳答案

确保您的 standard.css 不会影响您希望看到的与 mobile.css 的级联。看起来移动设备会先加载您的 standard.css,然后再加载 mobile.css - 因此两个样式表中的样式都会影响显示。我通常将我的样式表链接元素包装在只向移动设备显示移动样式表的逻辑中——而不是同时显示两个样式表。

此外,不要忘记包含此元标记以确保您的页面正确缩放到设备尺寸:

<meta name="viewport" content="width=device-width" />

关于用于移动设备的 CSS 有时会恢复到原始状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5092895/

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