我现在正在做一个网站,我正在决定是否应该让它流动。固定宽度的网站更容易制作,也更容易使它们看起来一致。
说实话,我个人更喜欢看那些能延伸到显示器全宽的流动网站。我的问题来自于这样一个事实,在大多数现代浏览器中,你可以按住鼠标滚轮来调整任何网站的大小。
那么,创建一个流畅的网站值得吗?
我现在正在做一个网站,我正在决定是否应该让它流动。固定宽度的网站更容易制作,也更容易使它们看起来一致。
说实话,我个人更喜欢看那些能延伸到显示器全宽的流动网站。我的问题来自于这样一个事实,在大多数现代浏览器中,你可以按住鼠标滚轮来调整任何网站的大小。
那么,创建一个流畅的网站值得吗?
当前回答
我是固定< 800px的大粉丝…更窄的列更容易阅读,而且适用于任何地方。也就是说,如果你想做一个展示超文本的网站……提供应用程序前端的网站,我认为完全是另一罐蠕虫…
其他回答
我很喜欢那些最大宽度固定在800px - 1000px之间的网站,但也可以缩小,这样我就可以阅读内容,而不用左右滚动,也不用缩小,因为文本经常变得太小而无法阅读,这伤害了我的眼睛。所以,这通常是我想要争取的,因为我想建立我可以自豪的网站。
I think it's nice to be able to scale well on a user's screen, rather than make the users pan and zoom. In a time when users surf the web from such a wide variety of devices, ranging from smartphones to ultra-mobile PCs, each with its own, possibly non-standard resolution, I think it's important to keep user-experience at a high level when your site is viewed on such screens. Regarding the text length, it could be bounded by a certain ratio, so it would fit nicely within the layout. I think there are also frameworks that may help with writing a site in a fluid manner, and help with coding maintainability.
流体设计——真正的流体——是困难的。很努力。这不仅仅是一个页面宽度的问题——你的字体是否可以缩放,以及所有东西是否都可以缩放?理想的情况是:
大小应该用em而不是px来定义 ...这不仅适用于字体,还适用于元素大小! 给定字体大小或缩放级别的变化,页面元素之间的相对大小应该是相同的
我们的主要产品是流动的,从我作为设计师的角度来看,这是一种痛苦,特别是因为它涉及大量用户生成的内容。
首先,图片——在一个固定宽度的网站上,你可以让图片填充一半的宽度,而且看起来很棒。在一个流动的网站中,这张图片很可能迷失在空白的海洋中,看起来相当孤独。
一旦border-radius和其他CSS3属性更多地发挥作用,生活应该会更容易,但遗憾的是,我们的核心受众是政府工作人员,他们仍然使用IE F@!* ING 6 !
为了回答这个问题,“值得吗?”是的,如果你做得对的话。
这里有一个场景:选择一个固定宽度的网站:你的老板用他全新的1920x1600笔记本电脑向客户展示它,然后向你抱怨“在这个人的屏幕上看起来多么小!”
是的。页面缩放很棒,但它主要用于使文本变大,而不是使文本填充视口。当然,如果正文文本已经太宽了,缩小它以适应通常会使它无法阅读。
你需要液体布局,如果你想让文本适合视口,无论它是否被放大。
The point about ‘long lines being hard to read’ is often overstated by designers trying to justify fixed width designs(*), but in reality it doesn't seem to hold quite as strongly on-screen as it did on paper. Of course setting a good leading/line-height is important, and max-width can be used to inhibit the worst excesses of long lines. (Set it in font-relative em units.) You don't get max-width in IE6, but that's not the disaster it once was. (You can fix it with a little bit of JavaScript if you really care about those guys. I don't.)
(*这对于高度图形化的布局来说确实更少工作。但对于像StackOverflow这样更简单的布局,没有任何理由不采用液体布局。啧啧@SO,嗯!)
是的,流动网站是值得创建的 就像你说的,如果你在设计阶段规划得当,它看起来很好,也很合理。
你对Ctrl + Scrollbar的影响的怀疑不是什么大问题。 这个特性主要是为了可访问性,通过增加大小使文本更具可读性。
然而,如果你在像素(px)中提到所有的大小,就不会发生这种情况。 只有在使用“em”来指定大小时,才会进行适当的调整。所以你有办法打开/关闭它