目标窗口的宽度固定max-width =“360px”

Question

我在一个网页上工作，我希望当我缩小页面时（通过靠近关闭页面交叉的页面右侧的方形按钮），缩小的页面减少宽度-max = 360px，即最小长度= 360px;我如何编程这就是你有一个解决这个问题的例子，非常感谢你。

Answer 1

使用媒体查询进行响应式设计。在您的情况下，您应该在max-width 360px的媒体查询中编写样式。像：

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

    .my-selector {
         /* styles */
    }

}

详细了解 Media Queries 。

希望这有帮助！