2022-04-10

就業(yè)班移動web第六天

一纹烹、移動適配

image.png

二突想、vw/vh

適配原理

相對單位vw：viewport width： 1vw = 1/100視口寬度
vw單位的尺寸 = px單位數(shù)值 / ( 1/100 視口寬度 )
相對單位vh：viewport hight： 1vh= 1/100視口高度
vh單位的尺寸 = px單位數(shù)值 / ( 1/100 視口高度 )

vwwh和rem的區(qū)別：

rem：

1. 需要不斷修改html文字大小
2. 需要媒體查詢media
3. 需要 flexible.js

• 人面猴

  序言：七十年代末煤篙，一起剝皮案震驚了整個濱河市萌壳，隨后出現(xiàn)的幾起案子场梆，更是在濱河造成了極大的恐慌盔几，老刑警劉巖晴弃，帶你破解...

  沈念sama閱讀 221,695評論 6贊 515
• 死咒

  序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異逊拍，居然都是意外死亡上鞠，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...

  沈念sama閱讀 94,569評論 3贊 399
• 救了他兩次的神仙讓他今天三更去死

  文/潘曉璐 我一進(jìn)店門芯丧，熙熙樓的掌柜王于貴愁眉苦臉地迎上來芍阎，“玉大人，你說我怎么就攤上這事注整∧茉” “怎么了？”我有些...

  開封第一講書人閱讀 168,130評論 0贊 360
• 道士緝兇錄：失蹤的賣姜人

  文/不壞的土叔 我叫張陵肿轨，是天一觀的道長寿冕。 經(jīng)常有香客問我，道長椒袍，這世上最難降的妖魔是什么驼唱？ 我笑而不...

  開封第一講書人閱讀 59,648評論 1贊 297
• ?港島之戀（遺憾婚禮）

  正文 為了忘掉前任，我火速辦了婚禮驹暑，結(jié)果婚禮上玫恳，老公的妹妹穿的比我還像新娘。我一直安慰自己优俘，他們只是感情好京办，可當(dāng)我...

  茶點(diǎn)故事閱讀 68,655評論 6贊 397
• 惡毒庶女頂嫁案：這布局不是一般人想出來的

  文/花漫 我一把揭開白布。 她就那樣靜靜地躺著帆焕，像睡著了一般惭婿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上，一...

  開封第一講書人閱讀 52,268評論 1贊 309
• 城市分裂傳說

  那天财饥，我揣著相機(jī)與錄音换吧，去河邊找鬼。 笑死钥星，一個胖子當(dāng)著我的面吹牛沾瓦，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播谦炒，決...

  沈念sama閱讀 40,835評論 3贊 421
• 雙鴛鴦連環(huán)套：你想象不到人心有多黑

  文/蒼蘭香墨 我猛地睜開眼贯莺，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了编饺？” 一聲冷哼從身側(cè)響起乖篷，我...

  開封第一講書人閱讀 39,740評論 0贊 276
• 萬榮殺人案實(shí)錄

  序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎透且，沒想到半個月后撕蔼，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...

  沈念sama閱讀 46,286評論 1贊 318
• ?護(hù)林員之死

  正文 獨(dú)居荒郊野嶺守林人離奇死亡秽誊，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...

  茶點(diǎn)故事閱讀 38,375評論 3贊 340
• ?白月光啟示錄

  正文 我和宋清朗相戀三年鲸沮，在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片锅论。...

  茶點(diǎn)故事閱讀 40,505評論 1贊 352
• 活死人

  序言：一個原本活蹦亂跳的男人離奇死亡讼溺，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出最易，到底是詐尸還是另有隱情怒坯，我是刑警寧澤，帶...

  沈念sama閱讀 36,185評論 5贊 350
• ?日本核電站爆炸內(nèi)幕

  正文 年R本政府宣布藻懒，位于F島的核電站剔猿，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏嬉荆。R本人自食惡果不足惜归敬，卻給世界環(huán)境...

  茶點(diǎn)故事閱讀 41,873評論 3贊 333
• 男人毒藥：我在死后第九天來索命

  文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鄙早。 院中可真熱鬧汪茧，春花似錦、人聲如沸限番。這莊子的主人今日做“春日...

  開封第一講書人閱讀 32,357評論 0贊 24
• 一樁弒父案，背后竟有這般陰謀

  文/蒼蘭香墨 我抬頭看了看天上的太陽弥虐。三九已至扩灯，卻和暖如春别威，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背驴剔。 一陣腳步聲響...

  開封第一講書人閱讀 33,466評論 1贊 272
• 情欲美人皮

  我被黑心中介騙來泰國打工， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留粥庄，地道東北人丧失。 一個月前我還...

  沈念sama閱讀 48,921評論 3贊 376
• 代替公主和親

  正文 我出身青樓，卻偏偏與公主長得像惜互，于是被迫代替她去往敵國和親布讹。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...

  茶點(diǎn)故事閱讀 45,515評論 2贊 359

推薦閱讀更多精彩內(nèi)容

• 瀏覽器頁面前端自適應(yīng)方案

  1.關(guān)于自適應(yīng)布局的一些基本概念 px (pixel)：像素训堆，是屏幕上顯示數(shù)據(jù)的最基本的點(diǎn)描验，表示相對大小。不同分辨...

  jluemmmm閱讀 16,796評論 0贊 6
• 大廠是怎么做移動端適配的

  前言 2020年清明小假期坑鱼，雖然新型冠狀病毒疫情得到了很好的控制膘流，但是大家還是盡量避免出門，在家待著不能浪費(fèi)時間鲁沥，...

  moofyu閱讀 2,212評論 0贊 6
• 移動端Web頁面適配方案（整理版）

  @(概述)[基本概念|百分比|rem|vw/vh|響應(yīng)式設(shè)計(jì)] 移動端web頁面的開發(fā)呼股，由于手機(jī)屏幕尺寸、分辨率不...

  jluemmmm閱讀 77,073評論 1贊 42
• 移動端適配問題0907

  移動端適配問題 1.前端開發(fā)常用單位 1.1 像素 <!-- 1.什么是像素(Pixel)?在前端開發(fā)中視口的水平...

  煤球快到碗里來閱讀 508評論 0贊 0
• 響應(yīng)式布局&自適應(yīng)布局

  首先兩種的方式的解決問題是不一樣的画恰。 寬度自適應(yīng) 是為了解決如何才能在不同大小的設(shè)備上呈現(xiàn)相同的網(wǎng)頁彭谁。手機(jī)的屏幕比...

  yuhuan121閱讀 2,720評論 0贊 2