Question

我的网站在移动设备上显示错误（例如三星galaxy s 3）网址：http://smapse.ru。类.quote-text中的文本部分比左侧的菜单大。桌面设备显示很好。我试图用不同的字体大小值修复它，但没有带来任何结果。请告诉我html / css有什么问题？谢谢！

来自手机http://postimg.org/image/k85gyo0qd

的屏幕截图

在加载页面时，字体大小实际上是正常的。当我的页面加载到设备上时，文本会变大。

分辨我最后加入了css：

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

修复了iphone上我网站右侧文本调整的问题。 Web工具包有一个bug。我添加了max-height：999999px;解决问题的元素。

Answer 1

在左边，div类标题的字体大小为16，下面的标签有14，而你的.quote-text有17个。桌面和手机上都是一样的，所以你的引用文字总是大于菜单字体在左边。您可能在桌面上没有注意到它。

要更改菜单中的标题文字，请使用课程：.b-left-search-form .title 要更改左侧菜单中的小标签，请使用：.b-left-search-form .checkboxes label 并且要更改.quote-text使用：.quote-text > div

font-size在网站的内容部分较大。怎么解决？

1 个答案: