响应式设计适用于手机，但在调整屏幕大小时不适应

Question

我已经第一次创建了响应式设计，并且我在想，哪些功能无法正常工作......它在桌面上完美工作，而且移动负载当它在移动设备上时，但我希望响应式设计在我调整页面大小时也能正常工作。

在我的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来做到这一点，但我认为必须有一种更简单的方法来做到这一点......谢谢！

Answer 1

使用此

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

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

将工作两个！