css - 如何仅将CSS应用于wordpress中的桌面 View

Question

我在一个左侧有垂直导航菜单的网站上工作。现在我必须减少导航菜单的宽度，但是当我使用桌面 View 的普通 css 减少宽度时，它也会影响移动 View ，它也会减少移动 View 中的宽度。那么是否有任何其他解决方案可以使 css 仅适用于桌面 View 。它不应该影响移动 View 菜单标题。谢谢

Answer 1

如何在 wordpress 中仅将 css 应用于桌面 View 。

1.) desktop view media queries. 

@media only screen and (min-width:768px){
   here your code ...
}

@media only screen and (min-width:910px){  <!-- wordpress. twentysixteen theme -->
   here your code ...
}

============================================= =

如何在 wordpress 中仅将 css 应用于移动 View 。

@media only screen and (max-width:767px){
   here your code ...
}

@media only screen and (max-width:909px){  <!-- wordpress. twentysixteen theme -->
   here your code ...
}

=============================================

/* saf3+, chrome1+ */你有问题chrome, safari, mobile view and desktop 然后在这个媒体下使用

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #diez  { color: red  }
}