css3 媒体查询iphone多版本适配

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小时内删除侵权内容。