前端菜鸟问题:网页宽度选择960px还是1200px? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
workaholic
V2EX    程序员

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

  •  
  •   workaholic 2013-03-28 22:26:19 +08:00 17068 次点击
    这是一个创建于 4657 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我在做一个图片站(你懂的),如果用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  
    PRO
       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     Solana     2519 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 05:13 PVG 13:13 LAX 21:13 JFK 00:13
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86