国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

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

div 水平垂直置中在safari不正常

瀏覽:109日期:2024-06-11 18:30:50

問題描述

https://segmentfault.com/q/10...

div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

這個在google chrome 電腦或手機都可以正常但是在apple的手機safari和Chrome就不正常顯示了請問有遇到這個困擾的人嗎

白色可略過藍色是整體視窗大小紅色是我想要水平垂直置中的區塊但是同一個網頁兩種手機卻有不一樣的顯示方式......右側手機是正常上面明顯多了很大塊確定沒有被包住整個藍色都是父PS 在電腦上把瀏覽器縮小到手機大小 也是正常顯示

div 水平垂直置中在safari不正常

這是另一個也是一樣

div 水平垂直置中在safari不正常

問題解答

回答1:

給父元素加個 border,看看是不是父元素的定位就已經不合預期了

Update:10.28

加一行 -webkit-transform: translate(-50%, -50%) 即可

相關文章:
主站蜘蛛池模板: 五原县| 水城县| 开封市| 镇雄县| 浪卡子县| 珠海市| 奉化市| 格尔木市| 康马县| 邻水| 焦作市| 独山县| 德兴市| 油尖旺区| 朔州市| 肥城市| 武冈市| 宁强县| 玉龙| 灵川县| 比如县| 色达县| 盘山县| 宁晋县| 湖口县| 巴里| 遵义县| 徐水县| 晋州市| 佳木斯市| 广宗县| 焉耆| 徐州市| 达拉特旗| 醴陵市| 大悟县| 宜丰县| 阳东县| 会泽县| 南靖县| 木里|