@media只有屏幕无效

Question

我已经放置了

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

在我的标题中。我想要一个特定的css用于屏幕宽度768px，但是我的div price-tag没有采取样式

@media only screen (min-width:768px)  {.price-tag{left:180px;}}

如果我写

@media (min-width:768px)  {.price-tag{left:180px;}}

它采用样式并将其应用于所有屏幕宽度。我这样做是错误的吗？

Answer 1

您需要使用and。

这是无效的：

@media only screen (min-width:768px)

应该是：

@media only screen and (min-width:768px)

具体应用于768px：

如果我已正确理解您的评论，您可以将样式应用于768像素宽的屏幕。不低;没有更高。虽然我无法想象为什么这些代码会有用或实用，但我可以告诉你如何做到这一点。

使用相同的值组合最小宽度和最大宽度：

@media only screen and (min-width: 768px) and (max-width: 768px) {