- 博客(4)
- 收藏
- 关注
RSS订阅转载 纯CSS3使用vw和vh视口单位实现自适应
编者注：在移动端中利用rem的相对于根HTML进行改变，通过一段JS实现了移动端自适应，本文则使用纯CSS视口单位来自行自适应，虽然现在的兼容性还没法完全能够接受，但不妨碍你认识这个vw和vh的强大。响应式布局的实现依靠媒体查询（ Media Queries ）来实现，选取主流设备宽度尺寸作为断点针对性写额外的样式进行适配，但这样做会比较麻烦，只能在选取的几个主流设备尺寸下呈现完美适配
2017-08-25 14:25:58
3380
转载 移动端开发需要加的meta
原文链接：http://caibaojian.com/mobile-meta-2.html移动端开发需要加的meta和常用的css3媒体查询样式，移动开发中头部要加的一些常用meta。css 适应不同手机iphone 4和4s@media only screenand (min-device-width:320px)and (max-device
2017-08-25 14:22:02
309
原创 flex布局
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现
2016-06-27 13:53:55
4923
原创 实现img，文字平均分布问题解决方案
“像编辑word一样实现两端对齐”左对齐和右对齐都是很常见的对齐方式，但是很多时候两端对齐也是必须解决的。文本对齐的text-align:justify，大家都不陌生，它只兼容ie浏览器，然而两端对齐对于很多响应式网页和移动端的自适应有很大的用处，比如几个按钮，不管你屏幕尺寸怎么变化都要他们之间的间隙保持不变，css3对这一块也有解决方案，虽然兼容性不是很好。不失为一种好的渐进增强方案。
2016-06-24 14:56:32
2248
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人