在放大时,Div在Opera Mobile中搞砸了

时间:2013-04-29 15:54:17

标签: html css mobile cross-browser opera-mobile

我在我的网站上使用了以下css类的div:

width: 100%;
margin: 6px auto 0;
height: 51px;
line-height: 50px;
text-align: center;
max-width: 1290px;

这个div中有几个链接,包含以下css类:

display: inline-block;
width: 7.5%;

注意:我也尝试了以下内容:

display: inline;
padding: 0 20px;

此布局适用于所有主流浏览器(包括Android股票浏览器),但是在放大时我在Opera Mobile遇到了令人讨厌的问题。看看: Opera Mobile Zoomed in

它基本上被包裹成2行。

(div id =“menu”)

1 个答案:

答案 0 :(得分:0)

简单:

white-space: nowrap;

到#menu类修复了这个问题。