打印

再见!全屏布局

外出时临时改点东西,去了趟网吧。面对24寸宽屏液晶,窝在沙发里,舒服的不行。为了在最佳分辨率下看清文本,我用ie7的缩放功能将整个页面放大。问题是——固定宽度页面被放大后固然很好的充满显示器宽度,但浏览全屏宽度的页面时,只要稍一放大,页面就会超出显示器。为了避免反复拖扯横向滚动条,我只有凑到庞大显示器前。趴在24寸显示器上阅读12px宋体的长篇大论——异常可怕的体验。我第一次对全屏布局产生了反感。

目前显示器面积日趋多元,分辨率兼容早已经摆在前端设计师的面前。全屏布局似乎是完美的选择,但请不要忘记显示器的点距和面积并不成正比。面积越大,用户越 远,正常点距越不够用,浏览器才有必要增加缩放功能。目前ie7和firefox3都支持完美的页面缩放(区别于传统的文本缩放),而如上文所述,缩放功 能不适用于全屏页面。因此适应主流分辨率才是设计师的最佳方案。即经济又实惠——全屏布局其实是很麻烦的技术。

豆瓣将全屏布局改为固定宽度布局时,很多网友表示反对。但随着大面积显示器和ie7、firefox3的普及,期待不久后,以discuz为代表的全屏布局产品也会做出调整。

TOP

所以ie8改进了缩放,没有横向滚动条

TOP

预感IE8将带来网页设计的一些革命。
字数不够呀

TOP

貌似现在很多技术都可以实现的把
西贝:单纯使人更加专业 http://www.xibeidesign.cn

TOP

这种技术的快速更新和伴随的大量缺陷已经成了一种怪圈,给相关的产业带来了便利也造成大量的时间浪费。还是以不变应万变,不追那末急,时间宝贵啊,呵呵。

TOP

我没太看明白.谁能给解释下??

是说页面文字放缩么??那不是一直没有横向滚动条的么??
全屏布局是什么意思???据我的理解 doubna应该设置一个最小宽度就够了..而且douban如果采用的是固定宽度,不就是你讨厌的那种需要滚动条的么?相反自适宽度的dz布局才是最不可能出现滚动条的啊?

如果是豆瓣的宽屏居中 那效果应该是用的max-width实现的吧..在800*600下也是自适的全屏布局啊??

我不太清楚楼主想表达的什么意思...
【论坛帮助】 we have many works to do.. for our future

TOP

楼上的用下IE7就知道了,其实相当于一个放大镜的功能.

定宽1000px的,在1280下显示左右有白边,用放大镜后正好满屏;
自适应的(楼主说的全屏布局),在大屏幕高分辨率下,会自适应满屏,但使用放大镜后,就比屏幕宽了,出现横滚动条.
字数不够呀

TOP

引用:
原帖由 Missx 于 2008-4-21 10:48 发表
我没太看明白.谁能给解释下??

是说页面文字放缩么??那不是一直没有横向滚动条的么??
全屏布局是什么意思???据我的理解 doubna应该设置一个最小宽度就够了..而且douban如果采用的是固定宽度,不就是你讨厌的那种需 ...
我所说的缩放不是传统浏览器的字体放大缩小。字体缩放可以用css的绝对字号屏蔽。特别是中文设计师习惯用12px、14px定义字号的,字体缩放就失效了。

我不赞成设置最小宽度。应该在主流分辨率中选择偏小,但不是最小的。比如800*600,越来越多的网站已经放弃了。期待facebook放弃800*600以引起更多的重视。
豆瓣的宽度比较适当。在多数小显示器下正好满屏,在大显示器下可以用浏览器缩放。

TOP

引用:
原帖由 leo21cn 于 2008-4-21 10:42 发表
这种技术的快速更新和伴随的大量缺陷已经成了一种怪圈,给相关的产业带来了便利也造成大量的时间浪费。还是以不变应万变,不追那末急,时间宝贵啊,呵呵。
正解

TOP

其实有一部分原因是部分浏览器在对w3c标准的执行力不到位造成的。
如果每个浏览器都 会辨识:“min-width”和“max-width”的属性,那情况会好很多,web前端的实现也会应用的更丰富一些。
譬如在1600*1200下 最宽尺度是1500,在1500以下为自适应宽度,同时兼容1024.

我觉得这样是蛮好的。

顺便再次鄙视一下IE6~!

[ 本帖最后由 lemonzq 于 2008-4-24 02:27 编辑 ]
www.ueui.com.cn  
关注: 用户体验 |  交互设计| 以用户为中心的设计

TOP

在宽屏全屏下读文本是比较恐怖的事情。所以我一般都会将页面控制在1000px以内。

况且缩放并不是所有网友都会使用的。最是新网民,越对IE不熟,而TA拥有的显示屏越宽。
henBlog.Com

TOP

SEO优化好处多

内容被版主删除

[ 本帖最后由 西贝 于 2008-5-7 22:28 编辑 ]

TOP

我大概明白了什麽意思,不過還沒安裝IE8 ,FF3 ,不便做具體測試;
如果這樣,可能又要出很多hack來解決問題了,畢竟現在IE6 還是佔大多數

TOP

我觉得楼主所说的问题不应该通过控制页面缩放后的显示大小来解决。
应该使用em来进行页面字体设置,使用px进行布局控制。这样做就可以达到改变页面字体大小,而不破坏布局的目的。
http://bbs.blueidea.com/thread-2815339-1-1.html
silence is gold..

TOP

这个问题没深究..
安静!

TOP

discuz 在FF3 下正常啊;
在IE下,這樣可以解決你說的問題:
复制内容到剪贴板
代码:
*,html{margin:0 auto;padding:0;background:#fff;width:760px;height:200px;font:400 12px/18px "宋体";}
body{background:#ccc;}

TOP

说实话,我现在挺狠微软对浏览器频繁的改版,让页面布局人员要照顾越来越多的浏览器版本

TOP

回复 Sid1980 在 17# 的帖子

这点我充分认同,呵呵

TOP

引用:
原帖由 盛传 于 2008-4-24 22:15 发表
在宽屏全屏下读文本是比较恐怖的事情。所以我一般都会将页面控制在1000px以内。

况且缩放并不是所有网友都会使用的。最是新网民,越对IE不熟,而TA拥有的显示屏越宽。
阅读文本的恐怖不仅仅在于单行长度,更可怕的是大显示器下相对较小的点距,导致每个文字过小。所以不缩放是不行的。

TOP

全屏布局,特别是在大屏幕下,例如超过20寸,页面打开速度感觉变慢。
www.YYQQ.com

TOP

不知道IE8什么时候会正式以主打产品推向市场取代前面的IE6和7?

TOP

我还是小站不考虑那么复杂的要求

TOP

目前仍然还有很多人用IE6!
我觉得现在的网站的字体应该做成14px!
有人说这样看起来不够精致!
但为了更方便访客,不精致就不精致吧!

TOP

我不知道诸位电脑配置如何,不过照情况看来现在的BS程序依靠浏览器来完成渲染得效率和功能似乎不太均衡。
  
  拿google的生活频道“租房”这个产品来说吧,每次当我选择查询条件的时候浏览器都是非常卡,效率让人有点担忧。

  面对浏览器的争夺战势必会影响我们开发人员的工作。
努力学习01年前辈们的帖子。

TOP

等IE8像现在IE6普及的时候,IE8已经是落后的产品了

TOP