这是我的问题。
我正在编写一份带有表格的时事通讯。工作正常。我将媒体查询用于移动样式。在我的电脑上,当我缩小我的浏览器时,它工作得很好。当将我的浏览器缩放到 480px 宽度时,内容更改为媒体查询 css。
当我在手机 (iPhone 5c) 的浏览器中打开邮件时,内容不会更改为媒体查询的 css!我对其进行了测试,当我将媒体查询最大宽度设置为 1000px 时,它确实发生了变化。但是后来桌面版就没有任何用处了...
@media only screen and (max-width: 480px) {
.nieuwsbrief {
width: 80%;
min-width: 0px;
}
}
这是邮件,因此您可以自己调整它:http://stilld.nl/template.html
我认为问题在于现代手机具有高分辨率。所以我使用了 max-device-width 而不是 max-width,但这也不起作用。
希望大家帮帮忙!!
(抱歉英语不好,我是荷兰人)。
最佳答案
我自己修好了:
我将最大宽度更改为最大设备宽度。它适用于移动设备,但当您缩小浏览器时就不行了。但我可以忍受。
感谢您的帮助!!
关于css - 媒体查询 css 电子邮件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26673692/