0

很抱歉问了一个简单的问题，但是当窗口变小或使用移动设备时，我正在尝试使用不同的样式表。当我将浏览器窗口缩小时没有任何反应。这是媒体查询。

<link rel="stylesheet" type="text/css" href="css.css" />
    <link rel="stylesheet" type="text/css"
     media="screen and (max-device-width:500px)"
     href="2ndCss.css" />

有人可以解释为什么它没有做任何事情吗？我尝试将最大设备宽度变小，并尝试将其设置为最大宽度。

4

1 回答 1

4

如果您仔细注意您的媒体属性中的内容，您会注意到您正在使用max-device-width. 这意味着物理设备的屏幕尺寸必须500px小于或等于媒体查询才能启动。调整浏览器大小不会改变屏幕的物理尺寸。

使用max-width而不是max-device-width.

于 2012-12-18T03:48:49.213 回答