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

Question

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

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

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

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

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

我在 360px 的大小上出现错误...

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

Answer 1

是的，可以使用媒体查询来制作响应式页面，您应该为分辨率定义查询；

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

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

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

并尝试使用可调整大小的屏幕来始终检查，width:auto; 用于内部容器，overflow:scroll 应该可以帮助您总体上做得很好

Answer 2

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