如何在Wordpress中设置每个操作系统的css值？

我知道我知道这可能只是一个解决办法，但我只是一个Wordpress业余爱好者，目前需要一个快速的解决方案，即使是一个肮脏的

我的Wordpress网站有一个侧栏。不幸的是，我遇到了一个问题，在android（可能还有IOS——没有检查）上，侧栏几乎占据了移动屏幕的一半宽度，而在windows中，在pc\笔记本电脑屏幕上，侧栏看起来还可以。 因此，我在自定义CSS中缩小了侧边栏的宽度，现在我遇到了相反的问题。在移动设备上显示“查找”，在PC显示器上显示“坏”

我正在使用氦主题

这是我用来设置边栏宽度的css值：

width: calc(100% - 100px);

我检查了“浏览器和操作系统查找器”插件，但不明白如何根据需要使用if

我想专业人士有更好的解决方案，但现在即使是快速和肮脏的也会受到欢迎

侧边栏（充满按钮小部件）与PC屏幕上的背景项重叠的示例：

---

谢谢。

您不应该根据设备来决定显示什么，而应该根据特性来决定，为此，我建议您使用css媒体查询

这允许您根据大小和其他因素更改css，例如

@media (min-width: 300px) and (max-width:480px) {
     /* styles here */
}

您甚至可以添加诸如方向之类的内容

@media (orientation: landscape) { ... }

---

这比仅仅寻找一个特定的设备（如iphone）要好的原因是，如果苹果发布了一个屏幕更大的新iphone，你的标准样式表可能会工作，也可能不会。媒体查询将为您提供更大的灵活性

我想你应该看看css媒体查询。您应该根据特性而不是设备来更改csstype@TommyBs谢谢你，汤米，很管用！如果你愿意，你可以回答这个问题，然后我会接受的。