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

V2EX = way to explore

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

现在注册

已注册用户请登录

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

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

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

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

主页

响应

指点

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

xLzgkddTywk9ALsX

2014-07-15 16:34:59 +08:00

lingyired

2014-07-15 16:39:26 +08:00

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

zhangxiao

2014-07-15 16:40:34 +08:00

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

Daizong

2014-07-15 16:42:30 +08:00

Elizen

2014-07-15 16:46:57 +08:00

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

83f420984

2014-07-15 16:54:30 +08:00

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

tamamadesu

2014-07-15 16:56:48 +08:00

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

83f420984

2014-07-15 16:59:08 +08:00

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

tamamadesu

2014-07-15 17:00:12 +08:00

@tamamadesu 好吧，网速慢，

lingyired

2014-07-15 17:00:25 +08:00

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

83f420984

2014-07-15 17:03:31 +08:00

@lingyired 嗯嗯，谢谢

zjgood

2014-07-15 17:13:59 +08:00 via Android

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

jamesxu

2014-07-15 17:33:34 +08:00

字体

83f420984

2014-07-15 17:36:51 +08:00

@jamesxu 谢谢指出

13k

2014-07-15 17:50:22 +08:00

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

83f420984

2014-07-15 17:56:12 +08:00

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

resettarget

2014-07-15 20:20:17 +08:00

楼主还在用宋体呢

BOOM

2014-07-15 20:21:58 +08:00 via iPad

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

lvwzhen

2014-07-15 20:28:29 +08:00

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

lvwzhen

2014-07-15 20:30:23 +08:00

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

83f420984

2014-07-15 21:06:07 +08:00

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

83f420984

2014-07-15 21:06:24 +08:00

@lvwzhen 谢谢

lvwzhen

2014-07-15 22:14:20 +08:00

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

jyhmijack

2014-07-15 22:18:30 +08:00

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

83f420984

2014-07-16 08:18:37 +08:00

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

jackhe

2014-07-16 12:18:50 +08:00

数字字体不好看。