成人视屏在线观看-国产99精品-国产精品1区2区-欧美一级在线观看-国产一区二区日韩-色九九九

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

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

瀏覽: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絕對定位居中比較靠譜。

相關文章:
主站蜘蛛池模板: 一区二区三区视频网站 | 黄色大秀视频 | 成人免费毛片观看 | 欧美午夜网 | 一区二区三区四区免费视频 | 性色tv| 国产亚洲欧美日韩综合综合二区 | 国产精品一二三区 | 亚洲欧美一二三区 | 欧美性色一级在线观看 | 国产精品国产三级国产专区5o | 国产成人小视频 | 成人综合在线视频 | 视频偷拍一级视频在线观看 | 国产美女视频网站 | 国产精品久久一区 | 精品免费久久久久国产一区 | 成人影院免费看 | 色综合天天综合网看在线影院 | 亚洲综合视频 | 亚洲综合久久久久久中文字幕 | 久久国产精品自线拍免费 | 深夜爽爽爽福利动态图 | 日韩精品久久久免费观看夜色 | 久久免费99精品久久久久久 | 久久久国产99久久国产久 | 欧美国产在线一区 | 国产99视频精品免视看7 | 欧美视频第一页 | 亚洲人成在线影院 | 久久九九精品一区二区 | 国产在线精品一区二区 | 三级网站 | 国产色手机在线观看播放 | 国产91无套剧情在线播放 | 91av观看| 久久久不卡国产精品一区二区 | 男女那个视频免费 | 久久久99精品免费观看精品 | 国产大片在线观看 | 女让张开腿让男人桶视频 |