Css 我可以使用什么工具以不同的分辨率测试我的web应用程序？

回到过去,

我发现了一个第三方网页，它能够以不同的分辨率和浏览器捕获和保存我网站的图像。当然，我没有更多的书签

那么，是否有任何网页或应用程序可以让我看到我的网页在不同分辨率下的样子

这是我想要检查的决议

1. 1024x768    24.56%  
2. 1280x800    22.06%  
3. 1280x1024   13.42%  
4. 1366x768    7.10%  
5. 1440x900    6.68% 

---

也许您正在考虑？

如果您想检查各种分辨率和浏览器，那么可能是您以前遇到的，请看一看。

对于查看您网页的百分比：

---

另外：用于Firefox的Web Developer插件（调整菜单）。

并将浏览器调整为各种标准分辨率大小

请注意，运行浏览器的计算机的屏幕分辨率只有一半。如果浏览器没有最大化，它将比您在那里看到的分辨率小得多，并且在非Windows操作系统（Mac OS X、Linux）上，非最大化运行应用程序更为常见

---

最好确保您的网站可以在小窗口（只需向下调整浏览器大小）或大窗口中查看。

有许多UTIL可用于以不同分辨率查看您的网站

有些安装在PC上，有些是在线服务，如：

Adobes“渲染浏览器”-您需要创建一个免费的Adobe帐户：

不错，但如果你想尽快完成，我记得不是免费的：

谷歌-根据谷歌的统计数据显示您网站的哪些部分是可见的：

但据我所知，如今最常见的设计分辨率是1024x768，尽管高度并不重要，因为大多数鼠标/键盘上都有流行的滚轮

如果您按照此解决方案进行设计，那么在称为960网格的“不断增长的标准”中有很多设计帮助，这取决于有多少专业设计师构建了一个设计

您总是制作一个不可见的“网格”，然后使用单元格来排列内容。很像旧的“桌子”系统，但更注重专业设计

关于你的问题，你列出的百分比，似乎是你使用上面“谷歌”链接最多的地方

最后，请记住使用最常用的浏览器测试您的网站外观。对我来说，这4项将是：

Internet Explorer（最新和以前的版本，如果无法进行双重安装，请使用多台计算机进行测试）

Mozilla Firefox（最新的，也许是以前的..但是他们在渲染中做的更改较少，所以最新的就可以了）

谷歌浏览器（很棒的调试工具，非常稳定的浏览器）

Safari（确保您支持MacOSX）

---

这是我的观点。

这是一个很好的（付费的）多浏览器支持工具，我知道它不是免费的，即使只是试用期也值得一看。

还有一个在线工具叫做ScreenFly，它非常好，你甚至可以查看平板电脑、电视、手机

你仍然需要按照“特定标准”的分辨率设计网站。目前，1024x768似乎是最常用的标准，因此称为“960网格”的设计标准非常流行。它采用了很酷的设计规则+在侧面为浏览器/操作系统滚动条等留出空间。页面的高度并不重要，因为我们已经开始看到很多宽屏面板/PC。其次，几乎每个人都使用垂直滚轮。其次，这不是一个真正的答案。有很多工具可以让你用不同的浏览器和分辨率检查你的网站。甚至Adobe也为此制作了一个在线服务。@calmh这可能部分是正确的，值得注意，但对于任何严重的裁员，都有一个最低限度的标准需要遵守，否则你会发疯的。我个人认为目前的标准是960像素。不过，在我看来，这不值得投反对票；对我所说的“可在一个小窗口中查看”，并不是说你需要设计适合200x200窗口的网站。我只是认为，即使在这种情况下，滚动条也应该以合理的方式工作（即，由于使用了大量的框架，因此不会出现在整个页面上），等等。不，这并不能完全回答问题的“是否有网站…”部分，但由于其他人这么做了，我觉得这可能会为讨论增加一些价值。