每日一题面试题 | 移动端如何让页面强制横屏显示？

在移动端，强制页面横屏显示可以通过使用viewport的orientation属性来实现。你可以在HTML文档的head部分添加以下meta标签：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, orientation=landscape">

上述meta标签中的orientation=landscape表示强制横屏显示。这告诉浏览器在横屏模式下渲染页面。

请注意，这样的设置可能会影响用户体验，并且不是所有设备都支持或允许强制横屏显示。

需要注意的是，现代浏览器可能会禁止对用户代理的过度干预，因此该设置可能在某些情况下不生效，或者在未来的浏览器版本中可能被废弃。

最好的做法是设计一个适应不同屏幕方向的响应式布局，以提供更好的用户体验。

---

上期面试题：每日一题面试题 | 写H5和小程序有什么相同及不同的地方？-CSDN博客

下期问题：如何设计一个适应不同屏幕方向的响应式布局？

个人搜索总结，仅供参考，欢迎补充