网页手机强制横屏

Posted

技术标签:

【中文标题】网页手机强制横屏【英文标题】:Force horizontal screen on webpage Mobile 【发布时间】:2015-09-04 06:29:59 【问题描述】:

我用引导程序创建了一个网站,但是当屏幕是垂直的 在移动设备上时,您看不到整个文本。所以我想要一个使屏幕水平在移动设备上的代码...... 这可能吗?

【问题讨论】:

【参考方案1】:

我从不使用引导程序,但您需要只是一个可以帮助您垂直和水平呈现网页的代码。

首先,如果我需要为移动设备编写代码,那么我会使用“%”维度来配置我的元素。

在此之后,我会将这个元标记放入头栏中:

<meta name="viewport" content="width=device-width, user-scalable=0, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />

这将帮助您在每个宽度设备(垂直和水平)上呈现您的网站。 如果您想在那里更改某些内容,请记住:

user-scalable=0 -> 未启用缩放。 initial-scale -> 默认缩放级别。 最小缩放 -> 允许的最小缩放级别。 maximum-scale -> 允许的最大缩放级别。

【讨论】:

那不是我要搜索的地方...我正在搜索在移动设备上以横向模式呈现网页的代码 对不起,我不明白。您是否需要强制用户仅水平呈现您的网页的代码? 所以你必须看这里:***.com/questions/10975387/… 和 ***.com/questions/8738072/… ;)

以上是关于网页手机强制横屏的主要内容,如果未能解决你的问题,请参考以下文章

canvas画板强制横屏画不了

Android开发中如何强制横屏和强制竖屏设置

移动端如何让页面强制横屏

苹果平板app怎么强制退出

iOS强制横竖屏转换

android webview 强制横屏