您好我实现了一个Web应用程序，我的问题是设计。 该应用程序作为一个网站运行。现在我发现的是媒体查询，我用它们来显示网站1920x1080，手机480x720和平板电脑768x1024。
我所做的是更改缩放并以不同的分辨率显示网站，如下所示
@media only screen and（min-width：768px）and（max-width：1024px）and（orientation：landscape）{body {zoom：35％;}}
还有其他办法吗？任何api使用？还是Javascript？ 我想做一些简单的事情，因为现在为移动设备和平板电脑解决方案实施css我在那些设备上进行了2,3天的测试。所以我想要的东西会使我的网站响应而不需要设备我想要这个。我希望它能在任何地方工作。
提前致谢。
答案 0 :(得分：0)
查看Foundations和Twitter bootstrap。这些是实时响应式CSS库，可根据屏幕大小自动重新定位和调整页面上的元素。您可以通过访问这些链接并重新调整浏览器窗口大小来查看此信息。如果它适用于您的项目，这是一个很好的方法，因为页面处理自己而不必为每个屏幕大小编写不同的样式。看看this page，看看它们是如何工作的。
另请查看modernizr。它的作用是检测您正在使用哪种设备来查看页面及其支持的功能，然后添加类，指示它支持页面的正文标记，然后您可以为其编写css样式。例如，如果用户在触摸屏设备上查看您的网站，您可以编写类似的内容。
.touch .your-class {
}
它也可用于检测屏幕尺寸：https://stackoverflow.com/a/16482237/1727920