用CSS做iOS和Android樣式適配

在移動(dòng)端webview渲染的時(shí)候墙歪,html標(biāo)簽會(huì)被自動(dòng)加入一個(gè)class屬性闷煤,會(huì)標(biāo)識(shí)不同的設(shè)備
如:

  • android上是 android mobile
  • iPhone上是 ios phone mobile
  • iPad上是 ios ipad tablet
  • PC和Mac上的Chrome不會(huì)插入這個(gè)class屬性
Android

iPhone

iPad
macOS上Chrome

所以为障,可以用來適配一些移動(dòng)雙端的差異場景肴捉,如適配不同高度Titlebar

不同樣式:

.ios .titlebar {
  height: 80px
}

.android .titlebar {
  height: 60px
}

使用樣式:

<div class="titlebar">
  <!-- 使用 -->
</div>

在iOS設(shè)備上就會(huì)展示80px鬓长,Android設(shè)備上60px

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末核蘸,一起剝皮案震驚了整個(gè)濱河市巍糯,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌客扎,老刑警劉巖祟峦,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異徙鱼,居然都是意外死亡宅楞,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門疆偿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來咱筛,“玉大人,你說我怎么就攤上這事杆故⊙嘎幔” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵处铛,是天一觀的道長饲趋。 經(jīng)常有香客問我,道長撤蟆,這世上最難降的妖魔是什么奕塑? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮家肯,結(jié)果婚禮上龄砰,老公的妹妹穿的比我還像新娘。我一直安慰自己讨衣,他們只是感情好换棚,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著反镇,像睡著了一般固蚤。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上歹茶,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天夕玩,我揣著相機(jī)與錄音你弦,去河邊找鬼。 笑死燎孟,一個(gè)胖子當(dāng)著我的面吹牛禽作,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播揩页,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼领迈,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了碍沐?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤衷蜓,失蹤者是張志新(化名)和其女友劉穎累提,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體磁浇,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡斋陪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了置吓。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片无虚。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖衍锚,靈堂內(nèi)的尸體忽然破棺而出友题,到底是詐尸還是另有隱情,我是刑警寧澤戴质,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布度宦,位于F島的核電站,受9級(jí)特大地震影響告匠,放射性物質(zhì)發(fā)生泄漏戈抄。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一后专、第九天 我趴在偏房一處隱蔽的房頂上張望划鸽。 院中可真熱鬧,春花似錦戚哎、人聲如沸裸诽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽崭捍。三九已至,卻和暖如春啰脚,著一層夾襖步出監(jiān)牢的瞬間殷蛇,已是汗流浹背实夹。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留粒梦,地道東北人亮航。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像匀们,于是被迫代替她去往敵國和親缴淋。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

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

  • 有時(shí)候泄朴,會(huì)感覺到內(nèi)心有一種無法言說的沖動(dòng)重抖,支持者一定要去完成某件事情。并且會(huì)以最為精確的處理方式祖灰,最為恰當(dāng)?shù)乃俣葲_...
    嵐升閱讀 142評(píng)論 0 2
  • 堅(jiān)持分享30天钟沛, 2020年 2月1日。 這段時(shí)間因?yàn)楣跔畈《疽咔閲?yán)重局扶,基本上都是在家恨统,家里過年備的饅...
    青青草_f99c閱讀 71評(píng)論 0 0
  • 位于山景城的谷歌總部占地29萬平方米,擁有2萬名員工(谷歌員工總共12萬)總部有30多家不同風(fēng)味的餐廳三妈,為來...
    悠悠歲月故事多閱讀 711評(píng)論 4 7
  • 入簡七個(gè)月畜埋,更文一百天。會(huì)卡三百六畴蒲,集鉆近三千悠鞍。原創(chuàng)長和短,二百二十篇模燥。被鎖十?dāng)?shù)文狞玛,幾時(shí)得平冤。荷塘月色舞涧窒,江湖草...
    巖屋洞小五閱讀 1,283評(píng)論 34 45