摘要：
长时间不用把精灵图怎么用给忘了。。。 一、PC端 给所用到精灵图的元素设置background:url(sprites.png路径); background-position: -x -y; 其中：-x，-y是该icon到图片左侧、上方的距离 二、移动端 1、同样设置元素的background:ur 阅读全文
posted @ 2017-07-05 21:47
carrie_zhao
阅读(343)
评论(0)
推荐(0)
摘要：
1、ctrl+shift+p： ① set设置文档相关的类型等； ② install安装所需的插件 2、安装sublime server插件 ctrl+shift+p → install sublime server，安装完成之后.html文件就可以以http或local的形式挂载起来 3、subl 阅读全文
posted @ 2017-07-05 20:53
carrie_zhao
阅读(131)
评论(0)
推荐(0)
摘要：
一、什么是Retina显示屏，带来了什么问题 1、retina：一种具备超高像素密度的液晶屏，同样大小的屏幕上显示的像素点由1个变为多个，如在同样大小的屏幕上，苹果设备的retina显示屏中，像素点由1个变为4个； 2、在高清显示屏中的位图被放大，图片会变得模糊，因此移动端的视觉稿通常会设计为传统P 阅读全文
posted @ 2017-07-05 16:19
carrie_zhao
阅读(219)
评论(0)
推荐(0)
摘要：
一、 touch 1、touchstart：当手指触碰屏幕时发生，不管当前多少根手指 2、touchmove：当手指在屏幕上滑动时连续触发，通常我们在滑屏页面，会调用event的preventDefault()可以阻止默认情况的发生；阻止页面滚动 3、touchend：当手指离开屏幕时触发 4、to 阅读全文
posted @ 2017-07-05 15:52
carrie_zhao
阅读(177)
评论(0)
推荐(0)
摘要：
一、有最大、最小宽度的百分比自适应布局 适用场景：门户网站首页，图片较多的首页 二、百分比自适应布局 适用场景：信息文字较多的网页，内容较多的网页 三、全屏自适应布局 适用场景：单页面网页，移动web app页面 阅读全文
posted @ 2017-07-05 15:40
carrie_zhao
阅读(225)
评论(0)
推荐(0)
浙公网安备 33010602011771号