感谢Stack Overflow提供帮助.我有一些自定义css我用来收紧设计.我一直在遇到这个问题,如果我在一个媒体查询中改变某些内容,那么对于
iphone 6来说,那个改变会影响另一个设备,比如iphone 5.它成为了这个问题,我不断调整,看不到任何目的.这是我正在使用的@media断点.
/* IPHONE 6 PLUS */ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { } /* IPHONE 6 */ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { } /* IPHONE 5s */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { } /* IPAD LAYOUTS */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } /* IPAD LANDSCAPE */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { }
任何帮助都会得到很大的帮助.
解决方法
原文地址:https://www.jb51.cc/html/227316.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。