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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 4206 天前的主题，其中的信息可能已经有所发展或是发生改变。

主页做完后，想提高自己的代码质量，请V友帮看看，不足的地方请指出，谢谢；

地址： http://xmit.name/demo/opic-2/

主页

响应

指点

26 条回复 • 2014-07-16 12:18:50 +08:00

xLzgkddTywk9ALsX

2014 年 7 月 15 日

lingyired

2014 年 7 月 15 日

看起来是很赞的。
如果可以增强一下交互效果就好了。

zhangxiao

2014 年 7 月 15 日

我把浏览器拖窄，以为那个Macbook会变成iPad以及iPhone...

Daizong

2014 年 7 月 15 日

Elizen

2014 年 7 月 15 日

@zhangxiao 经典啊...这才叫响应式啊。

83f420984

2014 年 7 月 15 日

@lingyired 目前对JQ这块只懂得怎么去调用，想要改改效果话就不会了，所以在努力看JS高级编程中。。。

tamamadesu

2014 年 7 月 15 日

body 都不 reset，，处女座看着好纠结，，，

83f420984

2014 年 7 月 15 日

@tamamadesu Pure这个框架的所有模块都是基于Normalize.css。Normalize能在一定程度上解决跨浏览器的一致性问题，所以不必在去Reset

tamamadesu

2014 年 7 月 15 日

@tamamadesu 好吧，网速慢，

lingyired

2014 年 7 月 15 日

@83f420984
img.pure-img 的有些没图片。
可以先做简单的，比如链接的 hover 以及给 hover 效果加点过渡动画就萌萌哒

83f420984

2014 年 7 月 15 日

@lingyired 嗯嗯，谢谢

zjgood

2014 年 7 月 15 日 via Android

非常不错，据说purecss很\(≧▽≦)/

jamesxu

2014 年 7 月 15 日

字体

83f420984

2014 年 7 月 15 日

@jamesxu 谢谢指出

13k

2014 年 7 月 15 日

处女座受不了Company Profile & Team下面那组图，图高度必需跟底部色块保持一致啊

83f420984

2014 年 7 月 15 日

@13k haha..图片只临时放上去的，要修改的

resettarget

2014 年 7 月 15 日

楼主还在用宋体呢

BOOM

2014 年 7 月 15 日 via iPad

超级喜欢这种风格。有什么明确的要点么。

lvwzhen

2014 年 7 月 15 日

可以优化一下 font-family，Mac 上字体不太好看。

lvwzhen

2014 年 7 月 15 日

网站英文居多，可以尝试用 font-face 设置些好看的英文字体。

83f420984

2014 年 7 月 15 日

@resettarget 在OSX下开发的，默认使用的是苹果自带的字体，所以才会出现首选是宋体的情况

83f420984

2014 年 7 月 15 日

@lvwzhen 谢谢

lvwzhen

2014 年 7 月 15 日

推荐你看下 fonts.css ( https://github.com/zenozeng/fonts.css ) 这个项目，研究一下字体表现会很有帮助。

KKKKale

2014 年 7 月 15 日

有bug，先在宽屏打开，然后把浏览器压窄了，点击按钮打开菜单，再点按钮关闭菜单，再把浏览器拖宽，菜单就没了。Mac上的Safari和chrome均稳定复现。

83f420984

2014 年 7 月 16 日

@jyhmijack 缩放浏览器时，确时会出现这个问题，谢谢老兄提醒！

jackhe

2014 年 7 月 16 日

数字字体不好看。