Mobile Webkit添加填充

时间:2011-07-03 09:38:42

标签: css webkit padding

my site我正在使用填充来控制导航按钮的大小:

#topnav a {
    padding: 2px 34px;
}

这适用于所有桌面浏览器,包括Safari和Chrome(使用桌面Webkit)。

然而,在Safari for ipod和谷歌Android浏览器上,填充似乎读错了,导航进入两行(从而打破了其余的布局)。我该如何解决这个问题?

(PS。该网站不适合移动设备,但我仍然希望它能正确显示)。

1 个答案:

答案 0 :(得分:3)

我认为这只是移动设备上增加的字体大小。

使用它来阻止它:

* {
    -webkit-text-size-adjust: none;
}