假设身体中的所有元素都可以拉伸到 100% - 除了做这样的事情:
body {
overflow-x:hidden;
width:320px;
}
@media all and (min-width: 360px) {
body {
width:360px;
}
}
@media all and (min-width: 369px) {
body {
width:369px;
}
}
@media all and (min-width: 480px) {
body {
width:480px;
}
}
@media all and (min-width: 533px) {
body {
width:533px;
}
}
@media all and (min-width: 569px) {
body {
width:569px;
}
}
@media all and (min-width: 640px) {
body {
width:640px;
}
}
有没有比上述更好/更少硬编码的方法?
此外,关于在移动设备中使用此功能的看法不一:
<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
阅读纵向和横向之间的初始比例(错误)已在 iOS 6 for iPad 中修复,因此不再需要上述内容......
但我是否可以假设新旧 iPhone 以及 Android 和三星的其他移动设备仍然需要这个功能?