上海网站建设?上海网站设计（www.paiky.net）

“停止调整浏览器的大小，你会精疲力尽的！”有多少次你听到这句话？好吧好吧，也许没有那么多的时间，但如果你开发过自适应网页设计的网站，你知道我在说什么：你来回拖动浏览器每个DOM或CSS编辑，测试变化和寻找任何打破。

最终，这种努力的目的是用来模仿不同设备的屏幕尺寸。

如果你正在做企业发展，你可能有各种各样的公司所提供的设备上进行测试。我在那里工作，我们有一个iPad，iPod的，一个或两个其他平板电脑，笔记本电脑和台式机。如果你没有这样的奢侈配件，你必须利用拥有的一切。

在我的家里，我们有两个不同的笔记本电脑，两个不同的Android设备，Kindle和一台Nexus?7。这是我使用的设备来测试我的自适应网页，但很明显，这不是一个全部的配套。没有所有的iOS设备，我也不打算买IPHONE/?phablet?/平板电脑。

那么，什么是一个开发商做的？值得庆幸的是，有越来越多的基于浏览器的工具，可用来模拟各种各样的设备的屏幕尺寸。不同的工具都具有不同功能和不同的效用水平，当然。在这里，我们来看看其中几个。

我自适应了吗？

我自适应了吗？?即时查看您的网站，因为它会显示在四个不同的设备。所有四个是iOS上，开发人员解释说，焦点聚集在网站上。它没有提供控制和选择，只是一个很简单的，优雅的演示。

视口大小

·?桌面?-?1600×992px缩减规模（0.3181）

·?笔记本电脑?-?1280×802px缩减规模（0.277）

·?平板?-?768×1024px缩减规模（0.219）

·?手机?-?320×480px缩减规模（0.219）

引用开发商的话，“这不是一个测试工具，在真实设备上，它是非常重要的。相反，这是一个进行快速截图工具（对我来说），在视觉上让人们'知道'你表达的什么意思。“

两个非常不错的功能，无论你想哪个在屏幕上都可以拖动“设备”的能力，并且能够嵌入一个链接，您可以分享您的试验。在Firefox中，至少测试的结构中，在iPhone上的侧滚动不显示，但它在IE和Chrome显示的。

未完待续......