我想最大化屏幕截图的大小,同时也避免滚动条或溢出。

您建议什么尺寸? />

#1 楼

这是Google提供的出色的“浏览器大小”工具,它可以显示有多少百分比的用户会看到您网站的不同区域。这确实有助于检查网页,并确保“浅”屏幕上的人们(大多数笔记本电脑的屏幕非常宽,但屏幕很浅/不深)可以看到您的重要内容和号召性用语。



更新:Google现在已将此功能添加到Google Analytics(分析)中,使您可以看到访问者可以看到您的网站多少:http://analytics.blogspot.com/2012/06/new-feature- Conduct-browser-size.html



评论


图形对于Google应用来说是一种贫民窟,但是它看起来像是一个非常有用的工具,我认为它们可能会定期更新细分百分比,以便您获得最新的屏幕尺寸数据。

–Lèsemajesté
2010-10-14 2:02



是的,贫民窟是正确的词!它在实验室中,所以我不确定它的维护情况如何,但是对于拥有大屏幕的设计师来说,这是大开眼界。

–nthonygreen
2010-10-14 2:18

啊,我错了。该图像不是根据用户数据实时生成的。它只是在网页上覆盖一张静态图片,看来他们大约一年都没有更新它:browsersize.googlelabs.com/static/…

–Lèsemajesté
2010-10-14 2:36

就像快速的注解一样,如果您的屏幕宽于特定大小,则图像会重复。在我的2560x1440 iMac上,几乎可以看到两次。它也不适用于居中内容。

– B.R.
2010-10-14 3:27

这个工具似乎很差,如果您的网站宽度不是固定的,那么它将缩放到您的浏览器,并且覆盖是完全错误的。

–丝绸
2010-10-14 8:08

#2 楼

这可能因站点和用户群而异,但是许多网站仍支持1024像素宽的屏幕宽度(因为仍然有相当大的用户群使用该分辨率)。因此,您希望图像足够大以适合1024像素宽的空间。假设您在灯箱的左侧和右侧分别有15像素的镀铬,而对于要运行1024像素宽的显示器分辨率的用户,则希望在其两侧各留30像素的空白。

1024-30像素(镀铬灯箱)-60像素(边距)= 934像素宽的图像。

同样,针对您的网站,细节可能会有所不同,特别是如果您希望灯箱边缘相对于页面位于某个点,或者您要捕捉到网格或类似内容时,尤其如此那

#3 楼

一个不错的解决方案是以2560x1600的最大分辨率上传屏幕截图。
然后,在页面加载时,检测浏览器窗口的大小,并使用图像处理程序调整大小,并在第一次请求时将图像保存到服务器。

这样,拥有高分辨率显示器的人们就不会被忽视。

评论


您可以可靠地检测浏览器窗口大小吗?也许.. jQuery中的$(window).width()和$(window).height()似乎有效!

–杰夫·阿特伍德
10-10-14在7:13

@Jeff-仅在某些时候:stackoverflow.com/questions/2596594/…

–杰里米·博伊德(Jeremy Boyd)
2010-10-14 14:59