检测设备并应用和应用特定的CSS

Question

我对你们所有人都有一点疑问！

仅当用户在移动设备上时，我才会尝试应用移动设备样式表。 如果用户在桌面上，则即使在调整窗口大小后，也只会应用桌面的样式表。

以下是我看到的结果： •enter link description here

当您调整窗口大小时，移动设备的样式表不适用，因为您使用的是桌面版

容易与否？请帮帮我 非常感谢

Answer 1

你需要一些javascript来检测浏览器，即使这样，由于总是有新的浏览器，所以100％的时间完成任务仍然是一项艰巨的任务，其中一个最新的librearies是bowser。 https://github.com/ded/bowser

Answer 2

您可以使用css media queries

例如

@media only screen and (max-width: 500px) {
    body {
        background-color: lightblue;
    }
}

例如，仅当max-width小于或等于500

时才会应用上述样式