文章详情页
div 水平垂直置中在safari不正常
问题描述
https://segmentfault.com/q/10...
div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
這個在google chrome 電腦或手機都可以正常但是在apple的手機safari和Chrome就不正常顯示了請問有遇到這個困擾的人嗎
白色可略過藍色是整體視窗大小紅色是我想要水平垂直置中的區塊但是同一個網頁兩種手機卻有不一樣的顯示方式......右側手機是正常上面明顯多了很大塊確定沒有被包住整個藍色都是父PS 在電腦上把瀏覽器縮小到手機大小 也是正常顯示
這是另一個也是一樣
问题解答
回答1:给父元素加个 border,看看是不是父元素的定位就已经不合预期了
Update:10.28
加一行 -webkit-transform: translate(-50%, -50%) 即可
上一条:itunes 上方的輪播下一条:bootstrap怎么使图片垂直居中?
相关文章:
1. node.js - NPM安装包时有些情况会爆出一些的警告/报错信息怎么判断是否可以忽略?2. node.js - 用node安装express出错3. node.js - Hexo next主题 languages/zh-Hans.yml报错4. node.js - koa2 如何获取参数?5. node.js - 用git cnpm install 时,能生成node_modules文件,但是为空。6. node.js - 带有node_modules目录的项目,用phpstorm打开速度极慢,怎么解决?7. node.js - nodejs 正则匹配,cpu达到100%的问题8. node.js - nodejs中cookie例子的一个疑问9. javascript - 这种上传图片预览怎么做?10. java - 微信退款,公账号向个人转账SSL验证失败
排行榜
![node.js - nodejs 正则匹配,cpu达到100%的问题](http://www.haobala.com/attached/image/news/202310/130436bb3c.png)