超级博客
超级博客 >  网络开发 >  正文

大屏时代,网站尺寸已全面落后

时间:2016-05-01 11:48:36  来源:超级博客  作者:明月  浏览:117909

QQ截图20160501114706 (1).jpg

  假设你的显示器在22寸与26寸左右,然后用默认的分辨率,也就是主流的1980*1080,随便打开一个网站。这个浏览器需要全屏,别用只有屏幕一半多的窗口化,同时网页缩放为默认的100%。这个时候你会发现,基本上大多数网站的宽度,都是很小的,浏览器两边有非常大的空隙,比如流量异常恐怖的互联网三巨头,淘宝、腾讯、百度全是这样的。这几个大头没有带好头,接下来的网站基本也是如此,比如搜狐、网易等门户网站。

  曾经电脑屏幕宽度只有1024,时候主流的网站尺寸为960px。没错,网站开发基本都是用这个PX的,它属于静止的尺寸。而现在主流显示器是1980,但网站一般的宽度,还是只有1300PX,或者1200PX,还有1000PX的,甚至还有最古老的960PX的,这难道不是落后?从开发者角度,如果用960PX的宽度,那么无疑网站会兼容所有显示器,但这样真的赚?

  为了极少数的小屏显示器,而把网站尺寸定到最小,那么这绝对会牺牲很多大屏显示器用户的浏览体验。这个行为说白了就是为了少数兼容,而放弃大部分的用户体验,真是落后得可以。而如今很多网站的宽度,基本都没有超过1300PX,这个尺寸要是放到1980的屏幕前,用全屏浏览边上会空出很多。关于这个,有些说法是这个尺寸是最适合人眼宽度的,是适合阅读的,边上的空白无关紧要,你不去尝试新的,怎么知道这个新事物不会被接受?还有说法是很多人会用窗口化浏览网页,所以没什么关系,那么那些全屏浏览网页的用户就被忽略了?

现在关于浏览器的标准并不同意,而网站开发的标准也是如此。很多网页全屏浏览会很小,需要使用到大多数浏览器的网页缩放功能,比如一个1300PX宽度的网页,扩大百分之二十左右,浏览效果就很好了。那么有没有方法,可以不让用户主动去缩放,而让网站自己适应浏览器分辨率?有一种是自适应网站已经使用的方法,基本就是按照不同分辨率,设置不同的网页宽度显示。还有一种是直接抛弃PX,使用动态的百分比尺寸,就可以让网站自动适应屏幕,主要是为了让大分辨率显示更美观,同时基本不影响小分辨率的浏览,虽然这种动态会加大开发难度很多,也没有完善,图片显示在一些情况下,有时候也会有一定变形。但这样做并不妨碍做出来的网站,会有非常优秀的浏览体验,我的超级博客网站(www.chaojizixun.com),就是基于这个开发的。

关键词:
网络开发
欢迎来到本站 欢迎来到本站