网站页面挤压会影响文本框架

时间:2014-02-01 18:10:51

标签: css wordpress web smartphone

有人可以帮我解决这个在wordpress网站http://www.blackcoatinnovations.com/#third

上修复文字框架的建议吗?

如果浏览器大小合适,格式化效果很好,但只要缩小,文本框架和图片就会受到挤压。

有趣的是,如果你把它挤了很多,那么文本框会改变方向并且一个在另一个之上,这就是它在智能手机上的样子,所以如果可能的话我不想破坏这个移动设备友好的功能。但有没有办法避免文本框架混乱的“介于两者之间”的情况?

1 个答案:

答案 0 :(得分:1)

这是因为它具有响应性,并且会根据可用的屏幕空间进行百分比调整。如果你在这里查看你的Bootstrap css文件:http://www.blackcoatinnovations.com/wp-content/themes/BootstrapParallax/css/bootstrap-responsive.css,你可以设置响应触发器应该发生的位置。

所以你有@media(最小宽度:768px)和(最大宽度:979px)

这意味着直到它达到767的宽度(比最小宽度小一个),它会挤压然后一旦达到767 - 进入电话布局。如果您在此行上设置了最小宽度,并且在下一个媒体查询中将最大宽度设置得更高,则可以将其设置为您想要的位置。

还有其他方法,但这可以快速解决。