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