V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
workaholic
V2EX  ›  程序员

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

  •  
  •   workaholic · Mar 28, 2013 · 17283 views
    This topic created in 4782 days ago, the information mentioned may be changed or developed.
    我在做一个图片站(你懂的),如果用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 replies    1970-01-01 08:00:00 +08:00
    westup
        1
    westup  
       Mar 28, 2013   ❤️ 1
    考虑1024屏幕的话,最宽做到1002像素,一般990、960比较多
    jasya
        2
    jasya  
       Mar 28, 2013
    瀑布流的话..不就不用太考虑width了...反正都会重新计算排过
    workaholic
        3
    workaholic  
    OP
       Mar 28, 2013
    @westup 恩,提醒我了,我用1000的好了
    botao1
        4
    botao1  
       Mar 28, 2013
    如果你还没有掌握Responsive Design,那么选960或者980固定宽度就好了 : )

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

    ~
    cat9life
        8
    cat9life  
       Mar 29, 2013
    min-width:960px

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

    采用响应式更多的是为了移动设备而移动设备考虑
    xzl
        19
    xzl  
       Mar 31, 2013
    960px fixed
    hpyhacking
        20
    hpyhacking  
       Apr 1, 2013
    为什么不采用响应式设计呢?用了一周的时间刚做完一个瀑布流图片站(你懂)。

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

    用Bootstrap来做,只为手机和平板做过几行的css优化而已。
    workaholic
        21
    workaholic  
    OP
       Apr 1, 2013
    @hpyhacking 谢谢,我也用bootstrape做的,接下来优化一下
    ayang23
        22
    ayang23  
       Apr 1, 2013   ❤️ 1
    楼上的方法比较合理。如果文字要考虑太宽了不利于阅读,图片站完全没有这个限制,人眼感受图片的能力超强,你可以占满整个屏幕宽度。但要做固定宽度,还是960合适。
    XDA
        23
    XDA  
       Apr 1, 2013
    来张姿势的
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2548 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 91ms · UTC 06:56 · PVG 14:56 · LAX 23:56 · JFK 02:56
    ♥ Do have faith in what you're doing.