V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
workaholic
V2EX  ›  程序员

前端菜鸟问题:网页宽度选择960px还是1200px?

  •  
  •   workaholic · 2013-03-28 22:26:19 +08:00 · 16501 次点击
    这是一个创建于 4290 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我在做一个图片站(你懂的),如果用960的页面感觉放不了几张图片,但是1200px的页面现在的屏幕分辨率使用率好像还不多,有专业的大侠给指点下,谢谢,本人php程序猿,实在不懂。查了一下,电商们在用1200px的网页。我看到有的图片站用1200px,而且瀑布流。cnzz的数据:
    http://data.cnzz.com/main.php?s=resolve&st=2013-02-01&et=2013-02-28&uv=1
    23 条回复    1970-01-01 08:00:00 +08:00
    westup
        1
    westup  
       2013-03-28 22:29:14 +08:00   ❤️ 1
    考虑1024屏幕的话,最宽做到1002像素,一般990、960比较多
    jasya
        2
    jasya  
       2013-03-28 22:38:32 +08:00
    瀑布流的话..不就不用太考虑width了...反正都会重新计算排过
    workaholic
        3
    workaholic  
    OP
       2013-03-28 22:42:15 +08:00
    @westup 恩,提醒我了,我用1000的好了
    botao1
        4
    botao1  
       2013-03-28 23:28:13 +08:00
    如果你还没有掌握Responsive Design,那么选960或者980固定宽度就好了 : )

    当然这个固定宽度指内容,背景上可以更自由一些,没必要限制在这个框框里,想象这只是一个隐形的框。
    Sivan
        5
    Sivan  
       2013-03-28 23:31:03 +08:00
    现在流行的是 960 980 1140,很少有用 1200 的。
    snoopyhai
        6
    snoopyhai  
       2013-03-29 08:30:33 +08:00
    一直980~
    lingyired
        7
    lingyired  
       2013-03-29 09:09:41 +08:00
    width:96%
    min-width:960px

    ~
    cat9life
        8
    cat9life  
       2013-03-29 09:30:45 +08:00
    min-width:960px

    这个不错
    alexrezit
        9
    alexrezit  
       2013-03-29 09:45:24 +08:00
    980px 吧.
    如果你用 1200px, 我 Dock 放在左边根本就看不全了.
    kennedy32
        10
    kennedy32  
       2013-03-29 10:28:33 +08:00 via Android
    初学固定宽度980就好了,其他以后再说
    dingstyle
        11
    dingstyle  
       2013-03-29 10:59:41 +08:00
    responsive
    DaniloSam
        12
    DaniloSam  
       2013-03-29 11:01:15 +08:00
    拥抱响应式布局吧
    54dev
        13
    54dev  
       2013-03-29 15:54:51 +08:00
    @alexrezit 隐藏dock
    Air_Mu
        14
    Air_Mu  
       2013-03-29 16:11:40 +08:00
    width:100%
    bluex
        15
    bluex  
       2013-03-30 16:50:35 +08:00
    1024及以下的已经很少了,你可以选择忽略了~
    qiuai
        16
    qiuai  
       2013-03-30 17:15:42 +08:00
    推荐960.如果做到1200的话,至少也要有个960宽的方案。
    vivianalive
        17
    vivianalive  
       2013-03-31 00:11:40 +08:00   ❤️ 1
    一般来说960宽度就可以了。因为太宽的话,不适合阅读。
    另外,虽然用户的屏幕比以前大了,但是应该只有小部分人在高分辨率下是全屏浏览的。
    比如我的分辨率是2560X1440,我还是比较喜欢把浏览器窗口设置为1024宽去浏览网页。
    图片站会比较特殊,单个窗口显示越多图片越好。1200甚至2560我都可以接受。
    但前提是,宽度是自适应的。必须考虑1024,960。
    BTW,如果考虑做自适应了,再考虑一下移动客户端的分辨率呗。
    我很喜欢在家用iPad去浏览各种图片站和论坛。
    andy12530
        18
    andy12530  
       2013-03-31 01:36:41 +08:00 via iPhone   ❤️ 1
    既然是图片站 肯定希望放的越多越好了。为什么不采用100% min-width 960px。

    采用响应式更多的是为了移动设备而移动设备考虑
    xzl
        19
    xzl  
       2013-03-31 22:19:27 +08:00
    960px fixed
    hpyhacking
        20
    hpyhacking  
       2013-04-01 08:47:06 +08:00
    为什么不采用响应式设计呢?用了一周的时间刚做完一个瀑布流图片站(你懂)。

    为了简单图片缩成 198px 宽,宽屏5列,普屏4列,平板竖屏3列,平板横屏4列,手机竖屏1列,横屏2列。

    用Bootstrap来做,只为手机和平板做过几行的css优化而已。
    workaholic
        21
    workaholic  
    OP
       2013-04-01 08:57:14 +08:00
    @hpyhacking 谢谢,我也用bootstrape做的,接下来优化一下
    ayang23
        22
    ayang23  
       2013-04-01 09:00:16 +08:00   ❤️ 1
    楼上的方法比较合理。如果文字要考虑太宽了不利于阅读,图片站完全没有这个限制,人眼感受图片的能力超强,你可以占满整个屏幕宽度。但要做固定宽度,还是960合适。
    XDA
        23
    XDA  
       2013-04-01 10:15:18 +08:00
    来张姿势的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3614 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 00:16 · PVG 08:16 · LAX 16:16 · JFK 19:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.