响应式设计适用于移动设备，但在调整屏幕大小时不适应答案

【问题标题】：Responsive design works on Mobile but does not adapt when resizing the screen响应式设计适用于移动设备，但在调整屏幕大小时不适应
【发布时间】：2014-06-02 07:49:46
【问题描述】：

我第一次创建了响应式设计，我想知道什么不起作用...它在桌面上完美运行，在移动设备上也可以加载，但我想要响应式设计在我调整页面大小时也可以工作。

在我的 HTML 文件中：

我有这段代码

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

在我的 css 文件中，我有这个

    @media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
 /** My css **/
}

它工作得很好，当我调整我的桌面屏幕大小时，我只需要页面来检测 mobile.css 文件。通常响应式网站会这样做，我很确定我可以用 jQuery 做到这一点，但我认为必须有更简单的方法来做到这一点......谢谢！

【问题讨论】：

标签： html css responsive-design

【解决方案1】：

使用这个

@media screen and (max-width: 960px) {
 /* your css */
}

最大设备宽度 -----> 最大宽度：

两者都适用！！！

【讨论】：