css3 媒体查询iphone多版本适配

网友投稿 255 2022-09-22

css3 媒体查询iphone多版本适配

/今日充值做媒体查询兼容/

/*今日充值做媒体查询兼容*/@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){ /* style */}@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */ .tl-recharge{ position: absolute; top:500px; width: 100%; }}@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/*兼容iphone6,iphone7,iphone8s :*/ .tl-recharge{ position: absolute; top:594px; width: 100%; }}@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/*兼容iphone6 Plus,iphone7 Plus,iphone8 Plus:*/ .tl-recharge{ position: absolute; top:650px; width: 100%; }}@media only screen and (device-width: 375px)and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){/*兼容iphoneX*/ .tl-recharge{ position: absolute; top:594px; width: 100%; }}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* style */}@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */.tl-recharge{position: absolute;top:500px;width: 100%;}}@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/兼容iphone6,iphone7,iphone8s :/.tl-recharge{position: absolute;top:594px;width: 100%;}}@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/兼容iphone6 Plus,iphone7 Plus,iphone8 Plus:/.tl-recharge{position: absolute;top:650px;width: 100%;}}@media only screen and (device-width: 375px)and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){/兼容iphoneX/.tl-recharge{position: absolute;top:594px;width: 100%;}}

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:抖音之后,互联网失去创造力!
下一篇:'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件
相关文章

 发表评论

暂时没有评论,来抢沙发吧~