大家好，今天小编关注到一个比较有意思的话题，就是关于html禁止页面横屏的问题，于是小编就整理了5个相关介绍html禁止页面横屏的解答，让我们一起看看吧。

1. h5页面在手机端禁用横向滚动
2. 怎样才能使HTML页面不出现横向拉条
3. 如何禁止手机端html5页面横屏显示
4. h5页面怎么横屏
5. H5页面自动适应横竖屏

1、h5页面在手机端禁用横向滚动

在浏览器中模拟测试的时候直接使用html，body{overflow：hildden；overflow-y：auto}，可以达到禁用横向滚动条的效果。

如果加了标签还不行，可能是因为有的时候如果页面内部的某些元素超出了设备宽度之外，也会导致可以移动，这这属于css布局的问题。

---特别注意，安卓没有发生过这些情况，因为解决办***是给最外层的wr***er，overflow-y：auto；也就是放弃了原生的滚动条，所以解决的时候要判断一下系统，安卓就不用处理了。

当内容超过元素容器的高度时，滚动条就会出现，这是为了让超过内容也能显示设计。但有时候，我们不希望滚动条出现，我们就是想要超过容器部分不再显示，这时需要加一些命令，告诉浏览器我们的需要。

有两种可能，一种是***的android系统版本不够高，版本几及以下的对H5的支持不够好，另一种可能是那个H5页面加载太慢了，网络不够好，没加载出来！安卓内嵌H5页面，可以执行ajax吗？可以执行。

2、怎样才能使HTML页面不出现横向拉条

估计***设置了浮动框架吧，把scrolling属性值设成auto，把鼠标放到段落后面，点delete，（目的是看看后面有tab或者空格之类的），***试试吧。

如果不想要横拉条，只有写百分比宽度，同时图片的宽高也设为百分比。

打开html开发工具，新建一个html***码页面，在html***码页面输入大量的文本内容，确保在浏览器上能有滚动条出现。引入一个jquery.js库。在title标签后面创建一个script标签，然后引入jquery.js文件。

html，body：将默认出现的滚动条，完全地隐***，这样不管什么内容都不会出现了。virtual_body：写一个***的body，设置它的长宽为100%，这样利用可视的浏览器窗体显示所有的内容，并垂直允许出现滚动条。

3、如何禁止手机端html5页面横屏显示

打开***的浏览器。打开浏览器之后，找到右上方设置按钮。点击全屏即可，也可以直接按键盘的F11。快捷键需要自己设置，通常默认通用是FN+F11，同时按住“Fn+F11”组合键来开启全屏，再按一次即可退出全屏。

可以通过webview方式访问远程，也可以把html5页面放在手机***端，本地方式进行访问。但都离不开webview。

将html5程序打包成Android应用的方***是***用在线***can实现的。图标设置可以使用***Can提供的默认图标，也可以通过从本地上传图标设置自己应用的图标。状态栏设置Android状态栏支持两种设置：显示或不显示。

支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等。

4、h5页面怎么横屏

画布尺寸不作修改，在设计软件中做好横长图，旋转90度放在画布中排版 参考之前用户的案例，可以用修改画布尺寸的方式。

下拉通知栏-旋转。如果您找不到旋转按键，可能是您打乱了自定义开关的位置，您可以点击更多将旋转按钮调至前面。2，设置-显示-自动旋转屏幕。或者在**功能里也有相应的选项。

能。h5使用CSS的tran*orm属性来旋转输入框和包含输入框的元素，实现横屏效果，h5指HTML5，是构建Web内容的一种语言描述方式。

如何启用微信横屏模式 启用微信横屏模式非常简单，只需要在微信中打开支持横屏的富媒体页面，例如一些H5网页游戏或图文混排的文章，将手机横过来即可自动切换到横屏模式。

登录上**以后，在页面中移动鼠标到“H5管理”，出现两个选项，点击“新建H5”。（如图三所示）4/6 新建H5后，系统会提示选择竖屏或者横屏，一般都是在手机端浏览，所以选择竖屏。

5、H5页面自动适应横竖屏

H5页面自动适应纵向屏幕。对于样式：Html标签可以***制手机浏览器横向或纵向显示，但兼容性较差。目前，仅：UC垂直屏幕：***制垂直QQ屏幕：参考之前用户的案例，可以用修改画布尺寸的方式。

设置需要的尺寸；这样手机上显示的图片就很清晰了。

使用响应式设计（Responsive Design）可以让浏览器自动适应页面大小。 响应式设计的概念 响应式设计是一种网页设计方***，它可以使网页在不同的设备和屏幕尺寸上呈现出最佳的效果。

首先，在网页***码的头部，加入一行viewport元标签。

到此，以上就是小编对于html禁止页面横屏的问题就介绍到这了，希望介绍关于html禁止页面横屏的5点解答对大家有用。