css布局換個分辨率就不適應了?
一般的解決方案。采用定長定寬的布局。規劃好頁面的各部分元素大小。精確到px。然后整體居中,兩側留白。這樣分辨率不一樣,只會影響留白部分的大小。居中部分在各分辨率下顯示效果一致。
另一種解決方案比較少用。就是采用流式布局。頁面的各部分都是按照百分比去設置的。這樣分辨率不一樣的情況下。效果都是一致的。但是比較難以掌控。編碼難度大,測試困難。因此較少采用。
另外,針對不同移動設備下,不同分辨率通常采用服務端判斷設備類型,然后加載相應css去實現不同設備訪問自適應。
css布局換個分辨率就不適應了?
一般的解決方案。采用定長定寬的布局。規劃好頁面的各部分元素大小。精確到px。然后整體居中,兩側留白。這樣分辨率不一樣,只會影響留白部分的大小。居中部分在各分辨率下顯示效果一致。
另一種解決方案比較少用。就是采用流式布局。頁面的各部分都是按照百分比去設置的。這樣分辨率不一樣的情況下。效果都是一致的。但是比較難以掌控。編碼難度大,測試困難。因此較少采用。
另外,針對不同移動設備下,不同分辨率通常采用服務端判斷設備類型,然后加載相應css去實現不同設備訪問自適應。