響應式設計適用於手機，但在調整屏幕大小時不適應

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 */ 
} 

最大設備寬度----->最大寬度：

將工作兩個！