如何在多个设备上测试CSS？

Question

我只有一个分辨率为1920x1080的单个显示器。是否有一些工具可以帮助我在多个分辨率下即时查看我的CSS更改结果？虽然我刚开始学习CSS，但在每次对CSS文件进行微小修改后不断调整浏览器大小似乎很麻烦。

- Blub

---

我建议不要使用百分比值，而是让你的页面适应1024x768及更大的屏幕。这样会让一些人感到不便，但非常少。 - Bojangles

@JamWaffles - 流式布局怎么样？ - Jared Farrish

这是一个很好的例外。我主要在固定宽度布局上工作，但是没错，你说得对。 - Bojangles

Answer 1

Web开发者工具栏有一个内置选项可以调整窗口大小。另外，您还可以使用resizeTo函数创建书签以调整窗口大小。

- Rob W

---

我本来也想建议Web开发者插件，此外BrowserShots可以在多个浏览器和操作系统上对您的页面进行截图。还有一些类似的付费服务，支持各种浏览器、操作系统和分辨率。 - drew010

我曾经认为有类似BrowserShots的东西存在，但是想不起来名字了。 - Jared Farrish

截图通常不足以完全测试网页的外观。例如，一个元素可能会掉落在页面上而不被注意到。当您调整窗口大小时，开发人员可以与页面交互，并执行测试。 - Rob W

Answer 2

这是一个关于你问题的好话题，有了你的监视器，你应该能够使用这个解决方案进行测试 http://www.cssgirl.com/resources/2006/05/27/browser-size-check/

- Xavjer

Answer 3

如果您使用px像素设置尺寸，则无需考虑分辨率。

- Barry Kaye

---

这并不总是最好的做法。 - Jared Farrish