前端开发用@media怎么适配到大屏幕手机

前端开发现在怎么样|前端开发微信公众号关联账户|现在公司都用什么前端开发工具

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/ 兼容iphone5 /}
@media only screen and (max-device-width :480px){ }
@media only screen and (min-device-width :481px){ }

/6/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ }

/6+/
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ }

/魅族/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ }

/mate7/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){ }

/4 4s/
@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ }

前端怎么实现分模块开发|微信公众号开发前端案例|前端开发工具图表

» 本文来自:前端开发者 » 《前端开发用@media怎么适配到大屏幕手机》
» 本文链接地址:https://www.rokub.com/5256.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!