![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
兼容性问题
肖肖肖丽珠
学习学习。写博客是为了积累和总结。如果写的有错欢迎大家指正点拨。努力成为技术小牛~~加油
展开
-
css适配刘海屏手机
刘海屏的手机会出现的问题。底部的内容太靠底部边了有的可能还会被截断。底部是固定的fixed定位bottom:0我们可以在最下面这个元素的外层加个样式padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */注意:env() 跟 constant() 需要同时存在,而..原创 2021-07-02 11:28:08 · 1117 阅读 · 0 评论 -
史上最全的CSS hack方式一览
什么是CSS hack由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hac转载 2017-09-22 18:09:43 · 262 阅读 · 0 评论 -
绝对定位 软键盘弹出时顶起底部按钮
问题描述:看图软键盘弹出就变成了这样。。。。遮住了我们的内容。解决方法:来个媒体查询:让他在软键盘弹出的时候底部的按钮就隐藏。@media (max-width:400){.footer{display:none;}}还有一种解决的办法var winHeight = $(window).height(); /原创 2017-09-22 14:35:23 · 8300 阅读 · 4 评论 -
background:rgba()兼容性
background:rgba(r,g,b,opacity)是设置为半透明的背景色。但是他具有兼容性,在ie浏览器里不显示背景色。开始我以为只要单独设颜色和透明度就好了。但是你一旦用opacity和filter设置背景色,这个节点里面的元素也会透明,不单单是背景色透明了。所以还是不行。看到一种说法是利用滤镜。原文的链接在这里http://www.zhangxinxu.com/wordpre原创 2017-09-28 17:55:04 · 13982 阅读 · 0 评论 -
用了transform以后页面的内容就虚了
可以看看这个:CSS3 transform对普通元素的N多渲染影响还有这个写的说是可能设置的数值不是整数。目前测试的没有用啊。但是先保留这里,希望懂的人可以告知这里这里...原创 2018-06-29 17:46:17 · 1618 阅读 · 1 评论 -
H5页面适配 iPhoneX[转载]
H5页面适配 iPhoneX先码上以后再看转载 2019-02-26 17:39:04 · 326 阅读 · 0 评论