使用iphone x和iphone 8 plus进行媒体查询

时间:2018-02-25 21:47:52

标签: css media-queries

我正在忙着完善我的网站,我只做了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之间的区别很大有文字。

感谢帮助

0 个答案:

没有答案