文章詳情頁
div 水平垂直置中在safari不正常
瀏覽：89日期：2024-06-11 18:30:50
問題描述
https://segmentfault.com/q/10...
div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
這個在google chrome 電腦或手機(jī)都可以正常但是在apple的手機(jī)safari和Chrome就不正常顯示了請問有遇到這個困擾的人嗎
白色可略過藍(lán)色是整體視窗大小紅色是我想要水平垂直置中的區(qū)塊但是同一個網(wǎng)頁兩種手機(jī)卻有不一樣的顯示方式......右側(cè)手機(jī)是正常上面明顯多了很大塊確定沒有被包住整個藍(lán)色都是父PS 在電腦上把瀏覽器縮小到手機(jī)大小 也是正常顯示
這是另一個也是一樣
問題解答
回答1：給父元素加個 border，看看是不是父元素的定位就已經(jīng)不合預(yù)期了
Update:10.28
加一行 -webkit-transform: translate(-50%, -50%) 即可
上一條：itunes 上方的輪播下一條：bootstrap怎么使圖片垂直居中？
相關(guān)文章：
1. css3 - css before 中文亂碼？2. mysql新建字段時 timestamp NOT NULL DEFAULT ’0000-00-00 00:00:00’ 報錯3. javascript - node服務(wù)端渲染的困惑4. css - 求推薦幾款好用的移動端頁面布局調(diào)試工具呢？5. javascript - webpack --hot 熱重載無效的問題6. Mysql && Redis 并發(fā)問題7. php - 第三方支付平臺在很短時間內(nèi)多次異步通知,訂單多次確認(rèn)收款8. mysql - 一個表和多個表是多對多的關(guān)系，該怎么設(shè)計9. html5 - h5寫的app用的webview，用手機(jī)瀏覽器打開不顯示？10. javascript - 百度echarts series數(shù)據(jù)更新問題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備