asp.net – 移动设备的CSS有时会恢复原状

发布时间：2020-12-16 09:34:30 所属栏目：asp.Net 来源：网络整理

导读：所以大部分时间我的样式表都显示得很好.标准/原始的一个总是完美无缺,但是从移动设备看时,有时候移动设备似乎被忽视了我把它们指定如下： link href="CustomStyleSheets/standard.css" rel="stylesheet" type="text/css" /link href="CustomStyleSheets/mob

所以大部分时间我的样式表都显示得很好.标准/原始的一个总是完美无缺,但是从移动设备看时,有时候移动设备似乎被忽视了

我把它们指定如下：

<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" />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!