自适应Wordpress插件在不同设备上看起来很奇怪

时间:2016-02-11 16:25:24

标签: wordpress mobile responsive-design

在我的网站(talciocdesign.com)上,当我在不同设备上测试时,我遇到了一个小问题。 -on desktop看起来不错, - 但在iPad Mini上,字幕文本的宽度不同,几乎是设备的100%。 - 在iPhone上,文本应该是这样,但顶部的图像太小(它应该与标题的宽度相同)。我试着给它一个最小宽度:250px属性 - 它可以工作,但它没有在中心正确对齐。

谢谢!

1 个答案:

答案 0 :(得分:0)

看起来这个页面是基于Bootstrap构建的,下面有几个快速修复:

div class col-sm-12是您的子文本全宽的原因我建议更改html类来解决您的问题。例如,您可以将col-sm-12更改为col-sm-8。

在iPhone上的主图像问题上,我建议更换包含主图像的父div上的类col-xs-8并添加以col为中心的col-xs-10