用 Pure 做了一个响应式主页,请 V 友指点 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
83f420984
V2EX    程序员

用 Pure 做了一个响应式主页,请 V 友指点

  •  1
     
  •   83f420984 2014-07-15 16:17:46 +08:00 4942 次点击
    这是一个创建于 4135 天前的主题,其中的信息可能已经有所发展或是发生改变。
    主页做完后,想提高自己的代码质量,请V友帮看看,不足的地方请指出,谢谢;

    地址: http://xmit.name/demo/opic-2/
    26 条回复    2014-07-16 12:18:50 +08:00
    xLzgkddTywk9ALsX
        1
    xLzgkddTywk9ALsX  
       2014-07-15 16:34:59 +08:00
    lingyired
        2
    lingyired  
       2014-07-15 16:39:26 +08:00
    看起来是很赞的。
    如果可以增强一下交互效果就好了。
    zhangxiao
        3
    zhangxiao  
       2014-07-15 16:40:34 +08:00
    我把浏览器拖窄,以为那个Macbook会变成iPad以及iPhone...
    Daizong
        4
    Daizong  
       2014-07-15 16:42:30 +08:00
    +
    Elizen
        5
    Elizen  
       2014-07-15 16:46:57 +08:00
    @zhangxiao 经典啊...这才叫响应式啊。
    83f420984
        6
    83f420984  
    OP
       2014-07-15 16:54:30 +08:00
    @lingyired 目前对JQ这块只懂得怎么去调用,想要改改效果话就不会了,所以在努力看JS高级编程中。。。
    tamamadesu
        7
    tamamadesu  
       2014-07-15 16:56:48 +08:00
    83f420984
        8
    83f420984  
    OP
       2014-07-15 16:59:08 +08:00
    @tamamadesu Pure这个框架的所有模块都是基于Normalize.css。Normalize能在一定程度上解决跨浏览器的一致性问题,所以不必在去Reset
    tamamadesu
        9
    tamamadesu  
       2014-07-15 17:00:12 +08:00
    @tamamadesu 好吧,网速慢,
    lingyired
        10
    lingyired  
       2014-07-15 17:00:25 +08:00   1
    @83f420984
    img.pure-img 的有些没图片。
    可以先做简单的,比如链接的 hover 以及给 hover 效果加点过渡动画就萌萌哒
    83f420984
        11
    83f420984  
    OP
       2014-07-15 17:03:31 +08:00
    @lingyired 嗯嗯,谢谢
    zjgood
        12
    zjgood  
       2014-07-15 17:13:59 +08:00 via Android
    非常不错,据说purecss很\()/
    jamesxu
        13
    jamesxu  
       2014-07-15 17:33:34 +08:00
    字体
    83f420984
        14
    83f420984  
    OP
       2014-07-15 17:36:51 +08:00
    @jamesxu 谢谢指出
    13k
        15
    13k  
       2014-07-15 17:50:22 +08:00
    处女座受不了Company Profile & Team下面那组图,图高度必需跟底部色块保持一致啊
    83f420984
        16
    83f420984  
    OP
       2014-07-15 17:56:12 +08:00
    @13k haha..图片只临时放上去的,要修改的
    resettarget
        17
    resettarget  
       2014-07-15 20:20:17 +08:00
    楼主还在用宋体呢
    BOOM
        18
    BOOM  
       2014-07-15 20:21:58 +08:00 via iPad
    超级喜欢这种风格。有什么明确的要点么。
    lvwzhen
        19
    lvwzhen  
       2014-07-15 20:28:29 +08:00
    可以优化一下 font-family,Mac 上字体不太好看。
    lvwzhen
        20
    lvwzhen  
       2014-07-15 20:30:23 +08:00
    网站英文居多,可以尝试用 font-face 设置些好看的英文字体。
    83f420984
        21
    83f420984  
    OP
       2014-07-15 21:06:07 +08:00
    @resettarget 在OSX下开发的,默认使用的是苹果自带的字体,所以才会出现首选是宋体的情况
    83f420984
        22
    83f420984  
    OP
       2014-07-15 21:06:24 +08:00
    @lvwzhen 谢谢
    lvwzhen
        23
    lvwzhen  
       2014-07-15 22:14:20 +08:00   1
    推荐你看下 fonts.css ( https://github.com/zenozeng/fonts.css ) 这个项目,研究一下字体表现会很有帮助。
    KKKKale
        24
    KKKKale  
       2014-07-15 22:18:30 +08:00   1
    有bug,先在宽屏打开,然后把浏览器压窄了,点击按钮打开菜单,再点按钮关闭菜单,再把浏览器拖宽,菜单就没了。Mac上的Safari和chrome均稳定复现。
    83f420984
        25
    83f420984  
    OP
       2014-07-16 08:18:37 +08:00
    @jyhmijack 缩放浏览器时,确时会出现这个问题,谢谢老兄提醒 !
    jackhe
        26
    jackhe  
       2014-07-16 12:18:50 +08:00
    数字字体不好看。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1244 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 23:56 PVG 07:56 LAX 15:56 JFK 18:56
    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