最新的(de)分辨率數據顯示,PC端裏1024*768占20%、1920*1080占14%。而(ér)這(zhè)2個(gè)分辨率的(de)顯示寬度相差了(le/liǎo)接近一(yī / yì /yí)倍。 而(ér)現在(zài)設計師的(de)設計稿普遍輸出(chū)尺寸都是(shì)1920,所以(yǐ)設計師經常也(yě)會擔心:小分辨率下能看到(dào)嗎?或者需要(yào / yāo)爲(wéi / wèi)手機端單獨做一(yī / yì /yí)版嗎?所以(yǐ)我們需要(yào / yāo)用一(yī / yì /yí)些技巧來(lái)讓大(dà)多數用戶能看到(dào)的(de)頁面效果是(shì)一(yī / yì /yí)樣的(de)。 比如這(zhè)個(gè)是(shì)在(zài)1920*1080的(de)分辨率下面顯示,但是(shì)如果直接按照原大(dà)小做,那麽小分辨的(de)用戶就(jiù)隻能看到(dào)一(yī / yì /yí)部分了(le/liǎo),這(zhè)時(shí)候我們就(jiù)需要(yào / yāo)使用網頁自适應。 純CSS網頁自适應: 思路: 1: 針對IE:IE下有zoom屬性。雖然我們經常用它來(lái)做兼容性。但是(shì)它其實在(zài)縮放元素上(shàng)也(yě)是(shì)很強大(dà)的(de)。eg …
2014年8月15日