Bootstrap 3:表单焦点之后iPhone上的水平滚动条 [英] Bootstrap 3: horizontal scrollbar on iPhone after form focus

问题描述

在Bootstrap 3中，

In Bootstrap 3, there seems to have been an issue with the fluid grid causing a horizontal scrollbar to appear on small devices. My question is different...

除非单击文本输入，否则没有任何滚动条.在iPhone上，当前字段会自动缩放.可以(我想)，但是离开字段后，缩放不会被删除，因此内容被剪切，并且有一个难看的水平滚动条.

I'm not getting any scrollbar, unless I click a text input. On an iPhone, there is an automatic zoom on the current field. This is ok (I guess), but after leaving the field, the zoom is not removed, so the content is clipped and there's an ugly horizontal scrollbar.

有没有办法防止变焦?还是告诉手机浏览器将变焦设置回原来的水平?

Is there a way to prevent the zoom? Or maybe tell mobile safari to set the zoom back to what it was?

推荐答案

首先:您可以创建流体响应表.但是您不需要它.如果不提供<table>和class="responsive"，则不会出现水平scroolbar.

First: you can create fluid-responsive tables. But you do not need it. If you don't give the <table> the class="responsive" the horizontal scroolbar doesn´t appear.

如果要在小型设备上禁用缩放，请使用以下方法:

If you want to disable the zoom on small devices use this:

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

希望，它会有所帮助:)

Hope, it helps :)

这篇关于Bootstrap 3:表单焦点之后iPhone上的水平滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！