2015-09-22 113 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