我现在正在做一个网站,我正在决定是否应该让它流动。固定宽度的网站更容易制作,也更容易使它们看起来一致。
说实话,我个人更喜欢看那些能延伸到显示器全宽的流动网站。我的问题来自于这样一个事实,在大多数现代浏览器中,你可以按住鼠标滚轮来调整任何网站的大小。
那么,创建一个流畅的网站值得吗?
我现在正在做一个网站,我正在决定是否应该让它流动。固定宽度的网站更容易制作,也更容易使它们看起来一致。
说实话,我个人更喜欢看那些能延伸到显示器全宽的流动网站。我的问题来自于这样一个事实,在大多数现代浏览器中,你可以按住鼠标滚轮来调整任何网站的大小。
那么,创建一个流畅的网站值得吗?
当前回答
绝对的。对于拥有巨大显示器的人来说,不得不调整页面大小是非常不方便的。在某些布局上,它也可能有点不可靠。一点小小的不便,无论多么微不足道,实际上都会影响人们对你网站的看法。
此外,上网本的分辨率很奇怪,这让网站设计变得很困难。例如,我在1024x600的像素上写这个。
现在这也不是特别难(在现代浏览器中),特别是在CSS中的最小高度和最大高度,以及CSS3中的新梯度等,所以图像缩放在不久的将来不会是一个大问题。
针对下面的评论,我认为在这种特殊情况下利大于弊——IE6到处都是问题。我们只需要面对它。
其他回答
对我来说,让网站变得流畅,但添加最小/最大宽度属性似乎是两全其美的。你支持流动性,但你把它限制在一定的宽度(比如,800px和1200px)。
这取决于你——这里有一些需要考虑的事情:
当行很长时,文本很难阅读。 你的用户可能拥有比正常情况下更大或更小的分辨率,而选择一个“不正确的”静态宽度将会惹恼他们。 维护一个流动站点可能会比较困难,但并不比维护静态站点困难得多。
我要反对大多数人,说不。推理:像维基百科这样的流动网站,由于它们的行长,在大屏幕上阅读是一场噩梦(尽管它的引用在最好的时候也很难阅读)。
出现这个问题的原因是,没有一种机制可以根据屏幕分辨率调整文本的大小。如果你可以在更大的分辨率下自动增大文本,你就可以保持每行80多个字符的最佳可读性。
还有图像和其他固定大小元素的问题。你可以拥有较大的图像,并在必要时让浏览器缩小它们,但这样你就会遇到其他问题,比如更长的下载时间,以及许多浏览器中的图像质量问题。
你必须意识到大多数电脑用户甚至不知道如何放大浏览器!大多数用户对计算机的理解还远远不够。我们必须永远记住这个事实。
是的,流动网站是值得创建的 就像你说的,如果你在设计阶段规划得当,它看起来很好,也很合理。
你对Ctrl + Scrollbar的影响的怀疑不是什么大问题。 这个特性主要是为了可访问性,通过增加大小使文本更具可读性。
然而,如果你在像素(px)中提到所有的大小,就不会发生这种情况。 只有在使用“em”来指定大小时,才会进行适当的调整。所以你有办法打开/关闭它
流体设计——真正的流体——是困难的。很努力。这不仅仅是一个页面宽度的问题——你的字体是否可以缩放,以及所有东西是否都可以缩放?理想的情况是:
大小应该用em而不是px来定义 ...这不仅适用于字体,还适用于元素大小! 给定字体大小或缩放级别的变化,页面元素之间的相对大小应该是相同的
我们的主要产品是流动的,从我作为设计师的角度来看,这是一种痛苦,特别是因为它涉及大量用户生成的内容。
首先,图片——在一个固定宽度的网站上,你可以让图片填充一半的宽度,而且看起来很棒。在一个流动的网站中,这张图片很可能迷失在空白的海洋中,看起来相当孤独。
一旦border-radius和其他CSS3属性更多地发挥作用,生活应该会更容易,但遗憾的是,我们的核心受众是政府工作人员,他们仍然使用IE F@!* ING 6 !
为了回答这个问题,“值得吗?”是的,如果你做得对的话。
这里有一个场景:选择一个固定宽度的网站:你的老板用他全新的1920x1600笔记本电脑向客户展示它,然后向你抱怨“在这个人的屏幕上看起来多么小!”