問題描述

1.要做一個(gè)全屏滾動(dòng)的頁面，每個(gè)頁面內(nèi)容都比較多，現(xiàn)在我都是寬高百分比顯示，但是文字沒法縮放，會(huì)使頁面有些亂。2.ui做的界面是1920*1080的。

問題解答

采用rem定義字號(hào)。同時(shí)配合媒體查詢

簡單的響應(yīng)式media屬性,想一些字體，內(nèi)外邊距的單位可以換成rem比較好控制

首先 rem處理自適應(yīng)布局是不錯(cuò) 但是 rem不兼容IE9以下兼容性要求高的話 寫了也白搭其次 移動(dòng)端用rem布局的時(shí)候，文字一般也不用rem，因?yàn)橛捎诓煌膔em計(jì)算方式會(huì)產(chǎn)生很多奇怪的大小，使得文字出現(xiàn)糊掉或者模糊的情況，通常使用媒體查詢事先設(shè)置好body的字體大小，這樣來確保文字的正常顯示，然后用em控制

至于題主說的是pc端前端的頁面基本不需要自適應(yīng)大小，畢竟瀏覽器都有放大功能，不過在高分辨率屏幕下，感覺現(xiàn)在頁面的字體確實(shí)太小所以 如果涉及到因?yàn)樽煮w問題 使得布局糊掉的話建議題主還是使用media query 媒體查詢來設(shè)置在不同分辨率下的字體大小吧；

可以設(shè)置背景圖片居中對(duì)齊，不要限定100%，這樣不是最佳。也可以用css3 media媒體查詢器。順便推薦一個(gè)做全屏頁面的插件fullPage.js

http://www.jq22.com/jquery-in...