Html 流质网站还值得制作吗?
我现在正在制作一个网站,我正在努力决定是否应该让它流畅。固定宽度的网站更容易制作,也更容易使它们看起来一致 不过老实说,我个人更喜欢看那些延伸到显示器全宽的流动网站。我的问题来自这样一个事实:在大多数现代浏览器中,你可以控制并滚动鼠标滚轮来调整任何网站的大小Html 流质网站还值得制作吗?,html,css,layout,static,fluid-layout,Html,Css,Layout,Static,Fluid Layout,我现在正在制作一个网站,我正在努力决定是否应该让它流畅。固定宽度的网站更容易制作,也更容易使它们看起来一致 不过老实说,我个人更喜欢看那些延伸到显示器全宽的流动网站。我的问题来自这样一个事实:在大多数现代浏览器中,你可以控制并滚动鼠标滚轮来调整任何网站的大小 那么,创建一个流畅的网站值得这么麻烦吗?绝对值得。对于拥有巨大显示器的人来说,调整页面大小是一大不便。对于某些布局,它也可能有点狡猾。小小的不便,无论多么微不足道,都会影响人们对你网站的看法 此外,上网本的分辨率也很奇怪,因此很难为其设计网
那么,创建一个流畅的网站值得这么麻烦吗?绝对值得。对于拥有巨大显示器的人来说,调整页面大小是一大不便。对于某些布局,它也可能有点狡猾。小小的不便,无论多么微不足道,都会影响人们对你网站的看法 此外,上网本的分辨率也很奇怪,因此很难为其设计网站。例如,我在1024x600写这篇文章
现在(在现代浏览器中)这也不是特别难,特别是CSS中的
min-
和max height
以及CSS3中的新渐变等,因此图像缩放在不久的将来不会成为大问题
作为对以下评论的回应,我认为在这种特殊情况下,利大于弊——IE6在任何地方都是一个问题。我们只需要处理它。使网站流畅,但对我来说,添加“最小/最大宽度”属性似乎是两全其美的选择。您支持流动性,但将其限制在某个宽度(例如,800px和1200px) 这取决于你-这里有一些事情需要考虑:
对。页面缩放很棒,但它主要用于使文本变大,而不是使文本填充视口。当然,如果正文文本已经太宽,缩小使其适合通常会使其无法阅读 如果要使文本适合视口(无论是否缩放),则需要液体布局 设计师们试图证明固定宽度设计(*)的合理性,往往夸大了“长线难以阅读”这一点,但事实上,它在屏幕上的表现似乎不如在纸上表现得那么强烈。当然,设置一个好的引导/行高度很重要,最大宽度可以用来抑制最严重的长线过度。(以字体相对em单位设置)在IE6中,你无法获得最大宽度,但这并不是以前的灾难。(如果你真的在乎那些家伙,你可以用一点JavaScript来修复它。我不在乎。)
(*对于高度图形化的布局来说,这的确是较少的工作。但是对于更简单的布局,例如,呃,StackOverflow,没有任何理由不使用液体。Tsk@SO,eh!)这取决于您试图做什么。看看这样。它是固定宽度的,非常棒。事实上,如果它是流体,它将是一个皮塔位。有些网站使用流畅的布局看起来更好,但就个人而言,除非你有充分的理由使用流畅的布局,否则我会选择fixed 有一个特定的宽度,如果文本太宽,它开始变得令人讨厌。如果你有一个大的显示器,很容易测试,只要抓起记事本,粘贴一些文字到它没有断行 然而,当降到较小尺寸时,保持流体流动可能是一个好主意。手机浏览器越来越能够很好地显示“普通”网站,但它们有时会受到宽度限制,因此,如果您的网站能够容纳更小的空间,那么它将受益匪浅 就我个人而言,我也喜欢把浏览器放在显示器上,但只能放在显示器宽度的一半(24“)。能够很好地扩展到这一点的网站非常好
我认为这主要是为了方便用户。并不是所有的网站都能从流畅性中受益,但我认为拥有大量文本内容的网站是最能从中受益的网站,至少如果它们的最大宽度是流畅的(比如800px或其他什么)前言:不是专业的网络艺术家 我发现,在手机和uber宽屏尺寸的情况下,有太多的琐碎细节让事情变得如此流畅,特别是在一些相当有趣的复杂情况下 通常,我会以某种方式设计一个固定宽度的站点;通常以[6001200]为界
我还发现超宽的内容栏很难阅读。我似乎记得有一些研究表明,每栏的最佳字数。这取决于你的受众和你的内容 以下是我尊重的网站,我认为是可以模仿的例子 流体示例:
静态示例:
有些人弄混了!
我想大多数时候我更喜欢静态。在更多的浏览器中更容易让它看起来更好。它也更容易阅读。从我的iPhone的角度来看,固定宽度布局在使用代码块时是有问题的。宽代码块的滚动条不显示,所以我无法阅读代码块的最右边 否则,我认为这是一个简单的问题,你在设计什么样的网站,以及它在不同大小的屏幕和窗口上的外观。如前所述,有一个选项可以设置最大宽度,但同样的警告适用于代码块和iPhone。我已经设计了这两个,我不喜欢其中一个
虽然在我使用流畅布局的浏览器大小时,看着盒子四处移动很有趣,但我很容易被逗乐。我认为流畅/固定的决定也应该基于网站的内容: