这是我的问题。
我正在编写包含表格的简报。工作正常。我使用媒体查询来进行移动样式设置。在我的计算机上，当我缩小浏览器时它可以正常工作。将浏览器扩展为480px宽度时，内容将更改为媒体查询css。
当我在手机上的浏览器上打开邮件（iPhone 5c）时，内容无法更改为媒体查询的CSS！我测试了它，当我将媒体查询max-width设置为1000px时，它确实发生了变化。但是桌面版本再也没有任何好处了......
@media only screen and (max-width: 480px) {
.nieuwsbrief {
width: 80%;
min-width: 0px;
}
}
这是邮件，因此您可以为自己扩展邮件：http://stilld.nl/template.html
我认为问题在于现代手机的分辨率很高。所以我使用了max-device-width而不是max-width，但这也没有用。
希望你们能帮忙!!
（抱歉英语不好，我是荷兰人）。
答案 0 :(得分：0)
自己修正了：
我将max-width更改为max-device-width。它适用于移动设备，但不适用于缩小浏览器的范围。但我可以忍受这一点。
感谢您的帮助!!
答案 1 :(得分：-1)
iPhone 5的画面宽度为640像素。
通常，手机的媒体查询最大宽度为767px。
以下是您应该在Bootstrap
的不同设备的媒体查询中使用哪些衡量标准的小摘要超小型设备
电话（＆lt; 768px）
小型设备
平板电脑（≥768px）
中型设备
桌面（≥992px）
大型设备
台式机（≥1200px）