如何去除ipad中的空格？

Question

我正在使用引导响应式设计，当在 iPad 中查看我的网页时，它会导致右侧出现空白，我在视口元标记中将宽度设置为设备宽度，如何删除空白？

我试过this，没有任何效果

Answer 1

空白是一个文本字符。只需使用font: 0/0 a; 使文本不可见。 让我解释。两个普通 HTML 的例子：

<div>
<!--White-space -->
<span>Some text here<span>
</div>

示例 1. 在 iPad 上使用空白 (jsfiddle) 和 css：

div {
    background: red;
}

span {
    background: blue;
    color: #fff;
}

示例 2. 使用 css 的 iPad(jsfiddle) 上没有空格：

CSS：

div {
    background: red;
    font: 0/0 a;/*make text invisible for parent container with white-spaces*/
}

span {
    background: blue;
    color: #fff;
    font: 12px/normal Arial, sans-serif;/*set back font for child container*/
    display:inline-block;/*just for good render effect*/
}