不同设备

Question

我有一个问题：如何根据设备类型自动更改网站外观？我知道有类似

的东西

@media screen and (max-width:720px){/*code for mobile here*/}
@media screen and (min-width:1280px) {/*code for PC here*/}

但我认为这会导致大分辨率移动设备和低分辨率桌面显示器出现问题。 所以我想知道有没有办法改变css文件/根据设备类型选择css代码的确切部分，如智能手机，平板电脑或PC？

任何有效的方法都会有所帮助。如果事情不明确，我会尝试更好地解释。如果我错了，请纠正我。

Answer 1

你可以使用这些：

batchAdd