网站的bootstrap响应

Question

我的桌面尺寸为1349x800像素，移动分辨率为240x320像素，320x568像素，但是当在800x 768像素到1180x768像素之间打开时，元素会变形。如何解决这个问题。

Answer 1

使用以下媒体查询： -

@media only screen and (max-width:1180px) and (min-width:800px){}

Answer 2

Bootstrap网格系统有四层类：xs（手机），sm（平板电脑），md（桌面）和lg（大型桌面）。您几乎可以使用这些类的任意组合来创建更加动态和灵活的布局。 你提到的resolutin（1180x768）在bootstrap网格系统中属于中等大小，以便将你的扭曲内容安排在你需要使用的内容中 适用于中型桌面大小的bootstap网格类，例如：col-md-4

请访问以下链接，了解有关bootstrap网格系统的更多信息 http://getbootstrap.com/examples/grid/