Mobile web移动应用的响应设计

你好，我实现了一个web应用程序，我的问题是设计。 该应用程序作为一个网站运行。目前我发现的是媒体查询，我使用它们向笔记本电脑1920x1080、手机480x720和平板电脑768x1024显示该网站

我所做的是改变缩放，并以不同的分辨率显示站点，如下所示

@仅媒体屏幕和（最小宽度：768px）和（最大宽度：1024px）和（方向：横向）{body{zoom:35%；}

还有别的办法吗？有什么api可以使用吗？还是Javascript？ 我想做一些简单的事情，因为现在要实现移动和平板电脑分辨率的css，我在这些设备上做了2,3天的测试。所以我想做一些事情，使我的网站响应性好，而不需要有我想要检查的设备。我想让它在任何地方都能工作

提前感谢。

请查看和。这些是实时响应的CSS库，可根据屏幕大小自动重新定位页面上的元素并调整其大小。通过访问这些链接并重新调整浏览器窗口的大小，您可以看到这一点。如果它适用于您的项目，这是一个很好的方法，因为页面可以自行处理，而无需为每个屏幕大小编写不同的样式。看看它们是如何工作的

也来看看。它所做的是检测您正在使用什么类型的设备来查看页面以及它支持什么功能，然后它向页面的body标记添加类，指示它支持什么功能，然后您可以为其编写css样式。例如，如果用户在触摸屏设备上查看您的站点，您可以编写类似的内容

.触摸你的课堂{

}

---

它也可以用来检测屏幕大小：

我不需要框架来获得响应模板，我已经有了一个网站，但我想让它响应所有这些。