在andriod手機(jī)瀏覽器下，當(dāng)字體大小小于12px并且為奇數(shù)時(shí)，會(huì)出現(xiàn)文字偏上的情況，即使line-height 為1 文字也會(huì)超出Line-height，偏上移動(dòng)。在蘋(píng)果手機(jī)則不會(huì)出現(xiàn)這種情況
因?yàn)槲淖滞掀疲跃退闶褂胒lex布局居中，也會(huì)往上偏移。特別是文字與圖標(biāo)一起的時(shí)候更加明顯。
解決方案：
1. 可以使用兩倍字體大小，然后使用transform ：scale()進(jìn)行縮小 但是字體會(huì)保留原來(lái)所在的位置 。。
2. 換成12px以上，就不會(huì)出現(xiàn)這種情況，當(dāng)然需要與設(shè)計(jì)師商量
- 空白目錄
- Javascript
- angularjs
- 自定義指令
- scope
- 自定義指令的封裝
- 自定義指令限制只能輸入數(shù)字
- 輪播圖
- 寫(xiě)angular的順序
- $state
- video
- Es6
- Let
- 箭頭函數(shù)
- export
- promise
- 函數(shù)
- vue
- vue安裝，以及項(xiàng)目結(jié)構(gòu)
- vue的使用
- easy-vue
- vue起步
- vue基礎(chǔ)
- vue-router
- vue-各文件的依賴(lài)關(guān)系
- vuex
- vue使用sass語(yǔ)法
- mpvue使用wx.parse
- vue-cli 構(gòu)建vue項(xiàng)目
- vant的使用
- vue使用插件及常見(jiàn)問(wèn)題
- 原生Js
- 數(shù)組
- ajax
- 執(zhí)行上下文
- 正則表達(dá)式
- jqurey
- jqurey-mobile
- html5
- 工具
- svn使用總結(jié)
- webpack
- webpack的構(gòu)建
- WebStorm
- 切圖相關(guān)
- 蘋(píng)果手機(jī)注意事項(xiàng)
- other
- 前端的價(jià)值
- 面試相關(guān)
- css
- 小程序如何引用外部字體
- 流的理解
- 替換元素
- content和偽元素
- padding和background 繪制圖形
- css圓角，陰影，漸變
- line-height verticle-align
- 使用background繪制4個(gè)直角
- android的字體偏上的問(wèn)題
- 小程序
- 小程序常見(jiàn)問(wèn)題
- 小程序常用效果
- mpvue
- nodejs
- 前端工程化學(xué)習(xí)筆記
- mork.js學(xué)習(xí)