根据设备宽度重新排列网页设计

Posted 2023-03-17

技术标签:

【中文标题】根据设备宽度重新排列网页设计【英文标题】：rearrange webpage design based on device width 【发布时间】：2021-12-26 15:29:02 【问题描述】：

很可能这是另一个问题的重复，如果是，请关闭此问题，

我想知道怎么可能有不同的桌面视图布局和不同的移动设备，请检查图片并为我使用 msPaint 的糟糕设计表示歉意谢谢！ desktop view mobile view

【问题讨论】：

请查看@media rules 以获取尺寸并在需要的地方应用不同的样式。这能回答你的问题吗？ Media Queries: How to target desktop, tablet, and mobile? 【参考方案1】：

您必须使用媒体查询。最好分享您的源代码，但您可以使用此链接了解更多信息：https://www.w3schools.com/css/css_rwd_mediaqueries.asp

【讨论】：

以上是关于根据设备宽度重新排列网页设计的主要内容，如果未能解决你的问题，请参考以下文章