我正在忙着完善我的网站，我只做了100％的响应，我必须在每部手机的媒体查询中改变2件事。我只是坚持使用：
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) {
#menu ul li a {color:red;}
}
和
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) {
#menu ul li a {color:blue;}
}
如果我更改了最后一个媒体查询，之前的那个也会变为蓝色并且不会保持红色。
我完成了我的网站，使一切响应，但我只需要更改投资组合图块和一些div框中的文字......太糟糕了，没有什么方法可以让你的字体 - 尺寸变小或变大。
我知道vmax工作得最好，我知道它是如何工作的，但是当你在悬停时打开一个带有文本的投资组合图块时，该文本太大并且在溢出中打破了句子：隐藏。我知道我可以通过为投资组合瓷砖制作一个自动高度来修复它，但我不想这样做......
也许有关于媒体查询的一些解释或提示，并且不要告诉我必须使用max-width：768px或者因为网站看起来与高度和宽度不同，因此iphone 4和iphone 5之间的区别很大有文字。
感谢帮助