久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

css - 既然移動(dòng)端viewport可以設(shè)置寬度,為什么還要用rem方案?

瀏覽:102日期:2023-01-24 16:44:24

問(wèn)題描述

既然移動(dòng)端viewport可以設(shè)置寬度,為什么還要用rem方案?比如大部分移動(dòng)端UI設(shè)計(jì)稿都是640px的寬度,那么我直接設(shè)置<meta content='width=640, user-scalable=no' name='viewport'>不就可以了嗎?就是我強(qiáng)制的讓屏幕全屏顯示640寬度的頁(yè)面。也不需要rem單位換算了,直接按照UI圖上的像素值設(shè)置CSS樣式就可以了?不是嗎?

問(wèn)題解答

回答1:

實(shí)際情況確不得不管大于640或者小于640的吧,所以就得設(shè)置一個(gè)基礎(chǔ)字體大小,然后再根據(jù)不同需求設(shè)置具體rem大小的字體

回答2:

手機(jī)屏幕大小各種不一樣,所以需要用比例型單位供參考http://www.jianshu.com/p/b00c...

回答3:

我覺(jué)得可以看下這個(gè)文檔里的描述:Viewport_meta_tag

對(duì)于設(shè)置了初始或最大縮放的頁(yè)面,width屬性實(shí)際上變成了最小視口寬度。比如,如果你的布局需要至少500像素的寬度,那么你可以使用以下標(biāo)記。當(dāng)屏幕寬度大于500像素時(shí),瀏覽器會(huì)擴(kuò)展視口(而不是放大頁(yè)面)來(lái)適應(yīng)屏幕

<meta name='viewport' content='width=500, initial-scale=1'>

標(biāo)簽: CSS
主站蜘蛛池模板: 峨边| 凤冈县| 龙门县| 辽中县| 依兰县| 姜堰市| 黄平县| 正定县| 珠海市| 依兰县| 常山县| 贵阳市| 普宁市| 陆川县| 巴彦县| 阿鲁科尔沁旗| 潼南县| 桃源县| 宿松县| 峨边| 长乐市| 西和县| 冷水江市| 靖宇县| 仁怀市| 岑巩县| 普兰店市| 大石桥市| 娄底市| 泸水县| 通河县| 甘德县| 麦盖提县| 原平市| 三江| 永川市| 桂阳县| 娄烦县| 台南市| 平昌县| 五河县|