2015-09-22 110 views
0

我有一个网站很好地在桌面尺寸1349x800像素和移动分辨率240x320像素和320x568像素排序,但是当800x 768像素到1180x768像素之间打开元素变形。如何解决这个问题。自举响应网站

+2

对此使用'media-query' –

+0

您使用的是什么版本的引导程序?它是否包含像col - * - *的css类? –

+0

请分享您的代码。这将有助于解决。 –

回答

-1

使用以下介质查询: -

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

最好使用中型设备的引导类进行调整。 –

-1

引导程序网格系统具有类四层:XS(电话),SM(片),MD(台式机),和LG(较大桌面)。您几乎可以使用这些类的任意组合来创建更加动态和灵活的布局。 您刚才提到(1180x768)的高分辨属于中等规模下引导网格系统,在相同的安排你的失真内容,你需要为中等桌面大小如使用 bootstap网格类:COL-MD-4

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

+0

如果你可以提及原因,那么你将会非常友善,因此在将来回答时可以避免同样的错误 – imGaurav