css
u010513603
这个作者很懒,什么都没留下…
展开
-
div等比例缩放-------纯CSS实现自适应浏览器宽度的正方形
1、方案一:CSS3 vw 单位CSS3 中新增了一组相对于可视区域百分比的长度单位vw、vh、vmin、vmax。其中vw是相对于视口宽度百分比的单位,1vw = 1% viewport width,vh是相对于视口高度百分比的单位,1vh = 1% viewport height;vmin是相对当前视口宽高中较小的一个的百分比单位,同理 vmax是相对当前视口宽高中较大的一个的百分转载 2017-10-11 09:48:07 · 24381 阅读 · 0 评论 -
css-----居中
一:将一个div放到外层div的中间 水平垂直居中 第一种方法四种方法: .parent { width:800px; height:500px; border:2px solid #000; position:relative; }原创 2017-10-10 15:03:55 · 217 阅读 · 0 评论 -
自适应布局---高度问题
1、为了使页面初始有窗口一样高的高度,需要给最外层div设置高度height:calc(100%-30px)这样页面进来时候填充了整个页面2、正常情况下 父亲div等于子div的高度,但是bootstrap的栅格布局父亲div高度一直是0,必须手动设置它的高度,然后给父亲div设置的背景色才起作用如果页面高度固定且大于窗口就设置一个固定的值如果页面高度固定且转载 2017-10-10 15:42:02 · 1304 阅读 · 0 评论 -
自适应布局---自适应宽度
在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置,包括IE9。对于那些老式浏览器(主要是IE6、7、8),需要使用css3-m转载 2017-10-10 16:00:38 · 421 阅读 · 0 评论 -
雪碧图生成
http://www.cnblogs.com/wang4517/p/4476758.html什么是css spriteCSS sprite在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。为什么要用这个工具1.转载 2017-10-16 13:47:13 · 1075 阅读 · 0 评论