国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

移動端頁面文字垂直居中兼容性問題

瀏覽:160日期:2024-05-25 15:25:31

問題描述

移動端頁面文字垂直居中兼容性問題

移動端頁面文字垂直居中兼容性問題

第1張圖是chrome模擬器里的效果。第2、3張圖是兩臺手機里的效果。第4張圖是按鈕的樣式。

按鈕的高度和行高相等,文字應該垂直居中。第1張圖chrome模擬器中是正確的,第2張圖中的效果也基本正常,但第3張圖中的文字明顯偏上了。單位試過 rem,也試過 px,都會存在這種情況。有沒有人能分析一下問題的原因?有沒有完全兼容的解決方案?

明確一下我的問題:一行文字,在該行垂直方向居中,PC端正常,移動端有的正常,但有的沒有垂直居中,這個問題是怎么產生的,有沒有解決方案?

移動端頁面文字垂直居中兼容性問題

默認長寬字體大小先擴大為兩倍,再用 scale 縮小為一半大小后的結果,效果確實好了一點,但感覺還是有一點點偏上。

問題解答

回答1:

我也遇到了這個問題,原本用< a >標簽寫的按鈕,后來改用button就好了。給個高度,不用寫行高,自動垂直居中。

回答2:

目前比較有效的解決方法就是transform,放大一倍再縮小一半,但是寫起來繁瑣而且影響布局。我也想知道有沒有什么既好又方便的方法

回答3:

今天這個問題也糾結了研究了好久,安卓機下表現異常,PC、蘋果機表現良好,如果一般情況,用margin偏移量來對齊,極端情況還是transform絕對定位居中比較靠譜。

相關文章:
主站蜘蛛池模板: 亚洲精品国产福利一区二区三区 | 怡红院在线a男人的天堂 | 久久91亚洲精品中文字幕 | 亚洲国产精品日韩高清秒播 | 成人毛片18女人毛片免费 | 国产午夜精品不卡视频 | 日韩美女一级视频 | 欧美aaaaa一级毛片在线 | 国产国产人免费人成成免视频 | 男女视频免费在线观看 | 国产成a人片在线观看视频 国产成版人视频网站免费下 | 国产在线精品一区二区三区不卡 | 一级国产在线观看高清 | 午夜爽爽性刺激一区二区视频 | 国产91精品一区二区 | 久久精品国产亚洲网址 | 国产综合精品久久久久成人影 | 亚洲男人天堂视频 | 欧美一区二区三区播放 | 成人午夜看片 | 91免费高清视频 | 在线免费观看一级片 | 久久精品国产99国产精品 | 色播基地 | 黄色在线网站 | 国产成人精品亚洲日本在线观看 | 91人人视频国产香蕉 | 日韩精品视频在线 | 99热久久免费精品首页 | 日韩成人免费在线视频 | jizjizjiz亚洲人| 农村寡妇特一级毛片 | 一级毛片视频 | 亚洲最大网址 | 久久精品99精品免费观看 | 日韩视频在线观看中字 | 亚洲成a人片在线观看精品 亚洲成a人片在线观看中 | 国产一区二区福利久久 | 三级毛片网 | 欧美变态一级毛片 | 国产欧美视频一区二区三区 |