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
主站蜘蛛池模板: 亚洲精品国产一区 | 日本一卡精品视频免费 | 香蕉视频久久久 | 亚洲成人一区二区 | h在线| 在线观看国产 | 成人av看片| 一级黄a视频 | 色吧综合网 | 综合五月婷 | 国产探花在线观看视频 | 久久久久国产精品一区二区 | 色就干 | 亚洲永久在线 | 蜜臀91视频 | 国产一级片一区二区三区 | 中文字幕在线国产 | 日本精品一区二区三区视频 | 精品欧美色视频网站在线观看 | 久久中文字幕一区 | 日韩一区二区三区在线 | 91久久久久| 日日爱av| 久久99国产精一区二区三区 | 午夜寂寞影院在线观看 | 午夜视频大全 | 成年人黄色一级片 | a视频在线观看 | 91pron在线 | 国产欧美一区二区三区久久人妖 | 色男人的天堂 | 国产电影一区二区在线观看 | 国产不卡视频 | 亚洲激情一区二区三区 | 影音先锋欧美资源 | 日韩三级在线观看 | 不卡一区二区三区四区 | 麻豆视频在线看 | 羞羞视频在线观看网站 | 北条麻妃av一区二区三区 | 日本精品一区二区三区在线观看视频 |