是否可以僅使用媒體查詢來創建響應式 Web 頁面？

Question

我正在嘗試創建一個僅使用媒體查詢的響應式 Web 頁面，但我無法...

我已經添加了以下斷點...

@media screen and (max-width: 991px) {}

@media only screen and (max-width: 600px) {}

@media screen and (max-width:525px) {}

我收到了 360px 大小的錯誤...

請任何人都可以幫我解決這個問題我不知道確切的問題是什么

Answer 1

是的，您可以使用媒體查詢創建響應式 web 頁面。 您可以使用最小寬度或最大寬度，但最好的方法是移動優先架構。 請添加您的源代碼以找出問題所在。

Answer 2

是的，可以使用媒體查詢來制作響應式頁面，您應該為分辨率定義查詢；

@media screen and (min-width: 1400px) {}

@media only screen and (min-width: 700px) {}

@media screen and (min-width:450px) {}

並嘗試使用可調整大小的屏幕來始終檢查width:auto; 對於內部容器和overflow:scroll應該可以幫助您總體上做得很好