css - 如何从以下 CSS 规则中排除移动设备

Question

我有以下 CSS 属性会影响我网站上网页内容的显示。但是，我想排除该规则在移动设备上的应用。

请帮我修改它。

我在自定义下将它应用到 WordPress 上，附加 CSS

.entry-content, .entry-summary {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    margin-left: auto;
    margin-right: auto;
        width: 66.67%;
}

标签： css

Answer 1

刚刚找到了一个完美的答案，可以排除在移动设备上强制执行的元素。您可以根据需要调整像素条目min-width或将其交换max-width。

任何一条规则都适用

@media (min-width: 900px) { 
    .entry-content, .entry-summary {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    margin-left: auto;
    margin-right: auto;
    width: 66.67%;
    }
}

和

@media (min-width: 900px) { 
    .entry-content, .entry-summary {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    margin-left: auto;
    margin-right: auto;
    width: 66.67%;
}