苏宁首页REM媒体查询Less响应式布局
苏宁首页的源码项目挺有料的,布局用的是rem单位,响应也快,适配也灵活。根元素一改,整体比例就能调,做响应式页面挺方便。
页面样式里加了媒体查询,不同分辨率下切换布局顺滑。像手机上隐藏点内容、按钮变大点,都能轻松搞定。代码里结构清晰,找对应样式也不费劲。
Less预器也用上了,样式可维护性一下就上去了。变量、嵌套用得挺合理,重复样式统一改一个地方,效率也高。你写多点项目之后就会觉得,这种结构清晰的样式真香。
如果你正好在搞电商首页,或者要练习响应式布局,那这个压缩包还挺值得看看的。代码风格规范,改动也方便,拿来当模板也不错。
1.29MB
文件大小:
评论区