我正在努力使我的网站更加响应式。如果我将浏览器宽度减小到最小宽度，这是否是测试在移动设备上会发生什么的良好替代品？
我没有iPad Mini或Galaxy S2 / 3等设备，但仍希望确保网站在这些设备上看起来很好。
在没有移动设备的情况下测试响应式设计
3
- 4thSpace
6
如果您正在使用媒体查询，那么只需调整您的浏览器大小即可。 - Omega
是的 - 我正在使用它们。 - 4thSpace
你可以下载移动模拟器。Android SDK可以模拟几乎任何版本的Android。我是Opera移动模拟器的忠实粉丝，因为它不像Android模拟器那样缓慢。有时候需要测试的不仅是尺寸，还有功能性。 - cimmanon
@cimmanon - 模拟器通常都有很大的偏差。 - 4thSpace
@Omega - 抱歉我没有看到其他回答的洪水。stackoverflow现在有一个新功能，必须点击才能看到它们。 - 4thSpace
在这种特定情况下，它们并不比简单地调整浏览器大小更糟糕。除了使用多个物理设备外，模拟器是下一个最好的选择。 - cimmanon
7个回答
4
在Firefox(Windows)上，按下Ctrl + Shift + M
在Firefox(Mac)上，按下Cmd + Option + M
- Rajender Joshi
3
如果你想在本地浏览器中测试你的设计，可以使用Web Developer插件，它将为你提供查看响应式布局的选项。
- Mr. Alien
2
如果您正在使用媒体查询，则可以通过调整浏览器大小来实现。您可以使用类似Firebug的检查工具来查看窗口大小并检查页面宽度。
- Omega
0
我建议找一些浏览器插件，可以让你将浏览器大小调整到特定的尺寸。然后使用它来设置常见的大小...比如320像素、480像素、600像素等等，或者根据你的项目需要适配的其他尺寸。
对于Chrome浏览器，我使用Window Resizer插件。
对于Chrome浏览器，我使用Window Resizer插件。
- seannachie
0
我自己也使用了你所描述的方法，但它并不是100%准确的，有些文本大小可能会稍微改变，特别是如果你使用em或rem。如果测试盒子布局等等，它可以相当准确。
另一个解决方案是使用像http://quirktools.com/screenfly这样的服务，这也是一个相对不错的解决方案。
我也使用的最佳解决方案是Browser Stack：http://www.browserstack.com/，但它不是免费的。Browser Stack还允许您测试不同的操作系统、不同的浏览器和多种不同的移动设备。
- Michael
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接