回到过去,
我发现了一个第三方网页,它能够以不同的分辨率和浏览器捕获和保存我网站的图像。我当然没有那个书签了...
那么是否有任何网页或应用程序可以让我看到我的网页在不同分辨率下的外观?
这是我想检查的决议..
1. 1024x768 24.56%
2. 1280x800 22.06%
3. 1280x1024 13.42%
4. 1366x768 7.10%
5. 1440x900 6.68%
回到过去,
我发现了一个第三方网页,它能够以不同的分辨率和浏览器捕获和保存我网站的图像。我当然没有那个书签了...
那么是否有任何网页或应用程序可以让我看到我的网页在不同分辨率下的外观?
这是我想检查的决议..
1. 1024x768 24.56%
2. 1280x800 22.06%
3. 1280x1024 13.42%
4. 1366x768 7.10%
5. 1440x900 6.68%
也许您正在考虑http://browsershots.org/?
请注意,运行浏览器的计算机的屏幕分辨率只是事实的一半。如果浏览器未最大化,它将比您在此处看到的分辨率小很多,并且在非 Windows 操作系统(Mac OS X、Linux)上运行未最大化的应用程序更为常见。
最好确保您的网站可以在从小窗口(只需将浏览器缩小)到大窗口的任何窗口中查看。
还有一个叫做 ScreenFly 的在线工具非常好,你甚至可以检查平板电脑、电视、手机.. screenfly
如果您想检查各种分辨率和浏览器,那么BrowserShots可能是您之前遇到过的,请看一下。
Chrome 扩展和Firefox 插件可将您的浏览器调整为各种标准分辨率大小...
Multibrowserviewer是一个很棒的(付费)多浏览器支持工具,我知道它不是免费的,即使只是在试用期也值得研究。
有许多实用程序可用于以不同的分辨率观看您的网站。
有些安装在 PC 上,有些是在线服务,例如:
Adobes “渲染浏览器” - 您需要创建一个免费的 Adobe 帐户:
不错,但我记得如果你想快点的话不是免费的:
Google - 根据 Google 的统计数据显示您网站的哪些部分可见:http: //browsersize.googlelabs.com/
但据我所知,今天最常见的设计分辨率是 1024x768,尽管高度并不那么重要,因为大多数鼠标/垫上流行的滚轮。
如果您设计为此分辨率进行设计,则称为 960 网格的“成长标准”中有很多设计帮助,它基于多少专业设计师构建设计。
您总是制作一个不可见的“网格”,然后使用单元格来排列内容。很像旧的“桌子”系统,但更专注于专业设计。
关于您的问题,您列出的 % 似乎您最常使用上面的“Google”链接。
最后,请始终记住使用最常用的浏览器测试您的网站的外观。对我来说,这四个将是:
Internet Explorer(最新和以前的版本,多台电脑测试是否不能双装)
Mozilla Firefox(最新的,也许是以前的......但它们在渲染中所做的更改较少,所以最新的就可以了)
谷歌浏览器(很棒的调试工具,一个非常稳定的浏览器)
Safari(确保您支持 MacOSX)
这就是我的看法。