Answers:
对我来说,使网站流畅,但添加最小/最大宽度属性似乎是两全其美。您支持流动性,但将其限制为一定的宽度(例如800px和1200px)。
由您决定-以下是要考虑的一些事项:
绝对。对于拥有巨大监视器的人来说,必须调整页面大小是一个很大的不便。在某些布局下,它也可能有些晦涩。小麻烦,无论多么琐碎,实际上都会影响人们对您网站的看法。
而且,上网本的分辨率很奇怪,因此很难为其设计网站。例如,我以1024x600的分辨率编写。
这不是特别难如今是(在现代浏览器),尤其是min-
与max-height
在CSS中,而新的梯度,等,在CSS3,所以图像缩放不会像在不久的将来大问题。
在回应下面的评论时,我认为在这种特殊情况下,优点胜过缺点-IE6到处都是问题。我们只需要处理它。
您必须意识到大多数计算机用户甚至都不知道如何放大浏览器!到目前为止,大多数用户还不了解我们拥有的计算机。我们总是必须记住这一事实。
基于文本的应用:否。基于表格的应用程序:是。
流体布局的优点
流体布局的缺点:
如果要显示表格数据(iTunes,数据库管理器等),则流体宽度很好。如果要显示文本(文章,Wiki页面等),流体宽度不好。
从我的iPhone的角度来看,使用代码块时固定宽度的布局是有问题的。宽代码块的滚动条没有显示,因此我无法读取该块的最右边。
否则,我认为这很简单,这是您要设计的网站类型以及它在不同大小的屏幕和窗口上的外观如何。如前所述,可以选择设置最大宽度,但是同样的注意事项也适用于代码块和iPhone。我已经设计了两者,但我不喜欢一个。
虽然,当我以流畅的布局使用浏览器尺寸时,看着盒子四处移动很有趣,但是我很容易被逗乐。
最重要的是考虑网站或应用程序的主要用例。您希望人们专门在移动设备上使用它吗?手机,上网本,台式机?
看看Ethan Marcotte的“响应式Web设计”:http : //www.alistapart.com/articles/sensitive-web-design/
很棒的文章演示了如何通过媒体查询来使用真正流畅的布局。有时您需要为不同的用户代理构建一个单独的前端,但是有时媒体查询是为不同的用户代理提供多种分辨率的理想工具。
这取决于您要执行的操作。看一下SO。它是固定宽度,很棒。实际上,如果它是流动的,那将有点PITA。有些网站的布局看起来比较流畅,但就个人而言,除非您有充分的理由进行修改,否则我会选择固定的。
评论中有很多不错的观点,但是从您的问题来看,您似乎真的很喜欢流畅的设计,并且想要创建一个顺畅的设计,这是您的网站,而不必像网络上的其他网站一样。
请注意每种解决方案的优点和缺点。
在一定程度上-是的。
有一定的宽度,如果文本太宽,则开始变得讨厌阅读。如果您有大型显示器,则易于测试,只需抓住记事本并将一些文本粘贴到其中即可,而无需换行。
但是,当减小尺寸时,保持流畅可能是个好主意。手机浏览器越来越能够显示“正常”网站,但是它们有时受宽度限制,因此,如果您的网站可以容纳在更小的空间中,则会受益。
就我个人而言,我也喜欢将浏览器保留在显示器上,但仅保留显示器宽度的一半(24英寸)。可以很好地缩放的网站非常好。
我认为这主要是为了用户方便。并非所有网站都会从流畅的内容中受益,但我认为包含大量文本内容的网站是最能从中受益的网站,至少是在流畅到最大宽度(例如800px或其他宽度)的情况下
是。页面缩放很棒,但是它主要用于使文本变大,而不是使文本填充视口。当然,如果主体文本已经太宽,则缩小文本以使其适合通常会使其变得不可读。
如果要使文本适合视口(无论是否缩放),都需要液体布局。
设计师试图证明固定宽度的设计(*)常常夸大“长线难以阅读”的观点,但实际上,它在屏幕上似乎不像在纸上那样牢固。当然,设置一个好的行距/行高很重要,最大宽度可以用来抑制长行的最严重的过度。(将其设置为相对字体的em单位。)您不会在IE6中获得最大宽度,但这并不是曾经的灾难。(如果您真的在乎那些人,可以使用一些JavaScript来修复它。我不需要。)
(*对于高度图形化的布局来说确实不那么有用。但是对于诸如er,StackOverflow这样的更简单的布局,实际上没有任何理由不采用液体。Tsk @SO,!)
前言:不是专业的网络美术师。
我发现,在手机和超宽屏尺寸下,尤其是在相当有趣的复杂性方面,有太多麻烦的东西让事情流淌。
通常,我会以某种方式围绕固定宽度的网站进行设计;通常限制在[600,1200]。
我还发现内容的超宽列很难阅读。我似乎还记得,有一些研究表明每列行的单词数是最佳的。
是的,值得创建流畅的网站
正如您所说,在设计阶段进行适当的计划时,它看起来不错且合理。
您对Ctrl + Scrollbar的影响并不怀疑。此功能主要用于辅助功能,通过增加大小使文本更具可读性。
但是,如果您以像素(px)表示所有尺寸,则不会发生。仅当使用“ em”指定大小时,才进行正确的调整。所以你有办法打开/关闭它
流畅的设计-真正的流畅-很难。很难。这不仅仅是页面宽度的问题-字体是否可以缩放,并且所有内容都可以随之缩放吗?理想情况下:
em
而不是px
我们的主要产品是流动的,从我作为设计师的角度来看,这是一件痛苦的事情,特别是因为它涉及许多用户生成的内容。
一方面,图片-在固定宽度的网站中,您可以拥有一张填充一半宽度且看起来不错的图片。在流动的位置,此图像很可能在空白的海洋中丢失,看起来很寂寞。
一旦生活变得更轻松border-radius
,其他CSS3属性将发挥更多作用,但可悲的是,我们的核心受众是政府工作人员,所有人仍然使用IE F @!* ING 6!
要回答这个问题,“值得吗?” 是的,如果您做对了。
这是一个场景:选择一个固定宽度的网站:您的老板在他的全新1920x1600笔记本电脑上将其显示给客户,然后向您抱怨“在这个人的屏幕上看起来很小!”
我要反对大多数,说不。推理:诸如Wikipedia之类的易变站点由于行长较长而难以在大屏幕上阅读(尽管其引文使其在最佳情况下难以阅读)。
确实发生此问题,因为没有机制来调整文本相对于屏幕分辨率的大小。如果可以在较大的分辨率下自动使文本变大,则可以保持每行80多个字符的距离,而这通常被认为是可读性最好的。
还存在图像和其他固定大小元素的问题。您可以拥有大图像,并在必要时让浏览器缩小图像,但是随后您会遇到其他问题,例如更长的下载时间以及许多浏览器中的图像质量问题。