国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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区 日本免费一区二区三区看片 | xxxxfreexxxx人妖 | 精品久久九九 | 亚洲国产欧美在线成人aaaa | 日本天堂网址 | 亚洲男同可播放videos | 高清日本在线成人免费视频 | 又摸又揉又黄又爽的视频 | 欧美亚洲另类久久综合 | 玖玖精品视频在线观看 | 久艹在线观看 | 日本天堂视频在线观看 | 一级毛片一片毛 | 免费看一片 | 国产在线精品二区韩国演艺界 | 草草视频在线免费观看 | 欧美成人高清免费大片观看 | 免费一级大片 | 男人免费看片 | 日本αv | 国产99网站| 欧美一级专区免费大片俄罗斯 | 日本一级爽毛片在线看 | 亚洲国产欧美另类 | a级毛片在线播放 | 香蕉久久夜色精品国产2020 | 欧美在线香蕉在线现视频 | 亚洲综合第一页 | 韩国美女高清爽快一级毛片 | 成人免费一级毛片在线播放视频 | 国产成人午夜精品免费视频 | 欧美在线高清视频 | 国产高清美女一级毛片久久 | 成人自拍视频 |