现在移动端页面用rem布局已经是一大流派了,成熟的框架如淘宝的flexiable.js,以及更轻量级的hotcss。用rem作单位使得元素能够自适应后,还有一块需要关注的,那就是背景图片。本文就来聊聊这方面的东西。 rem布局 所谓rem布局就是指为文档的根节点<html>元素设置 ...
现在移动端页面用rem布局已经是一大流派了,成熟的框架如淘宝的flexiable.js,墨尘写的更轻量级的hotcss。用rem作单位使得元素能够自适应后,还有一块需要关注的,那就是背景图片。 rem布局 所谓rem布局就是指为文档的根节点 lt html gt 元素设置一个基准字体大小,然后所有的元素尺寸都以rem为单位来写。比如将 lt html gt 的字体设为 px,如果需要做一个 的元素 ...
2016-09-14 21:03 0 4115 推荐指数:
现在移动端页面用rem布局已经是一大流派了,成熟的框架如淘宝的flexiable.js,以及更轻量级的hotcss。用rem作单位使得元素能够自适应后,还有一块需要关注的,那就是背景图片。本文就来聊聊这方面的东西。 rem布局 所谓rem布局就是指为文档的根节点<html>元素设置 ...
现在移动端页面用rem布局已经是一大流派了,成熟的框架如淘宝的flexiable.js,以及我的好友@墨尘写的更轻量级的hotcss。用rem作单位使得元素能够自适应后,还有一块需要关注的,那就是背景图片。本文就来聊聊这方面的东西。 rem布局 所谓rem布局就是指为文档的根节点< ...
你制作好了, 点击PNG选项即可下载制作好的雪碧图, 点击css选项即可查看每个小图标在雪碧图中对应的x ...
...
background-repeat:默认是平铺的,也即是还有空间的话将一张接着一张显示 设置为 no-repeat 就最多显示一张 background-attachment:设置是否固定图片,在有滚动条的页面,随着滚动条的移动将会 ...
...
CSS Sprite,我们一般叫他雪碧图或精灵图,它是一种图像拼合技术。该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。 雪碧图的使用有以下几个优点 减少图片的字节。 减少网页的http请求,从而大大的提高页面的性能。 解决了网页 ...
之前使用 幻杀博客提供的必应每日图片API作为网站后台登陆页面的背景图片,一直都很稳定,但今天一大早过来 发现获取不到背景图片了,去到幻杀博客看到挂上了一个公告,因为流量使用的问题,到下月为止API使用不了。这一下,我就懵逼了,之前想偷下懒,反正也在开发阶段,没必要自己写,现在API使用 ...