如何在WordPress中仅将CSS应用于桌面视图

Question

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

Answer 1

如何在 WordPress 中仅将 CSS 应用于桌面视图。

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 ...
}

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

如何仅将CSS应用于WordPress中的移动视图。

@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、移动视图和桌面有任何问题，请使用此媒体

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