什么改变了我的第一个网页上移动版的页面方向

Posted 2023-05-07

【中文标题】什么改变了我的第一个网页上移动版的页面方向

【英文标题】：What is changing the page orientation for Mobile version on my first Web Page

【发布时间】：2021-02-22 11:30:02

【问题描述】：

我不知道哪个功能正在更改移动设备的默认外观。 （好）这就是它在桌面上的样子：！[屏幕截图]（https://i.imgur.com/4UApre5.png） （坏）这是在手机上：！[屏幕截图]（https://i.imgur.com/hbA5zP7.jpg）

它在这个 .js 文件中吗？ https://gist.github.com/paulzamfira/1c87a6a0fe44e6ab809f74cb597de57b 或 main.css ：https://gist.github.com/paulzamfira/73a93cb5f938d0201f75da4734e18d41

我希望它像桌面版一样保持横向。 感谢您的帮助！真的很感激！

【问题讨论】：

您好，欢迎来到 ***。您能在这里发布您的实际代码而不是链接吗？你会得到更好的反馈。

【参考方案1】：

这两个文件都使用max-width 和orientation CSS 参数进行操作。在 main.css 文件中，您可以找到例如@media screen and (max-width: 736px) 或 @media screen and (orientation: portrait) - 某些尺寸的样式（屏幕不大于 736 像素），其中一种如果进行这种垂直布局转换