av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

html5 - 做PC的全屏頁面的時候,該怎么設計這個頁面在所有屏幕分辨率上不變形?

瀏覽:115日期:2023-01-26 16:20:53

問題描述

1.要做一個全屏滾動的頁面,每個頁面內容都比較多,現在我都是寬高百分比顯示,但是文字沒法縮放,會使頁面有些亂。2.ui做的界面是1920*1080的。

問題解答

回答1:

采用rem定義字號。同時配合媒體查詢

回答2:

簡單的響應式media屬性,想一些字體,內外邊距的單位可以換成rem比較好控制

回答3:

首先 rem處理自適應布局是不錯 但是 rem不兼容IE9以下兼容性要求高的話 寫了也白搭其次 移動端用rem布局的時候,文字一般也不用rem,因為由于不同的rem計算方式會產生很多奇怪的大小,使得文字出現糊掉或者模糊的情況,通常使用媒體查詢事先設置好body的字體大小,這樣來確保文字的正常顯示,然后用em控制

至于題主說的是pc端前端的頁面基本不需要自適應大小,畢竟瀏覽器都有放大功能,不過在高分辨率屏幕下,感覺現在頁面的字體確實太小所以 如果涉及到因為字體問題 使得布局糊掉的話建議題主還是使用media query 媒體查詢來設置在不同分辨率下的字體大小吧;

回答4:

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

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

標簽: Html5
主站蜘蛛池模板: 日本欧美在线观看视频 | 亚洲国产一区二区三区四区 | 日批日韩在线观看 | 久久久综合精品 | 欧美在线a| 黄色一级电影在线观看 | 日韩视频一区在线观看 | 欧美在线视频一区二区 | 亚洲aⅴ精品 | 国产一区不卡 | 日本免费视频 | 久久国产综合 | 秋霞a级毛片在线看 | 国外成人免费视频 | 国产成人av一区二区三区 | 黄色成人亚洲 | 日韩精品视频在线观看一区二区三区 | www国产成人| 日日摸日日碰夜夜爽亚洲精品蜜乳 | 中文字幕在线一区二区三区 | 日韩亚洲视频 | 国产精品国色综合久久 | 在线成人av | 99久久精品免费看国产四区 | 亚洲精品久久嫩草网站秘色 | 一级午夜aaa免费看三区 | 国产成人一区二区三区 | 高清免费在线 | 亚洲欧洲成人在线 | 爱爱小视频 | 国产精品色综合 | 成人在线播放网站 | 久久综合av| 国产91黄色 | 免费日韩av网站 | 久久久成人网 | 成人精品免费 | 成人在线一区二区 | 中文字幕一区二区三区四区五区 | 日韩免费在线视频 | 亚洲成人一区二区 |