問(wèn)題描述

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

問(wèn)題解答

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

簡(jiǎn)單的響應(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的字體大小，這樣來(lái)確保文字的正常顯示，然后用em控制

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

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

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