是否可以仅使用媒体查询来创建响应式网页？

Question

我正在尝试创建一个仅使用媒体查询的响应式网页，但我无法...

我已经添加了以下断点...

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

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

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

我在 360px 的尺寸上出错了...

请任何人帮助我解决这个问题我不知道确切的问题是什么

Answer 1

是的，您可以使用媒体查询创建响应式网页。您可以使用最小宽度或最大宽度，但最好的方法是移动优先架构。请添加您的源代码以找出问题所在。

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 应该可以帮助您完成总体工作