响应式设计是在不同设备下分辨率不同显示的样式就不同。 media 属性用于为不同的媒体类型规定不同的样式。根绝浏览器的宽度和高度重新渲染页面。 语法： @media mediatype and | not | only (media feature) {} 示例： <link rel="styles ...
分类：
其他好文 时间：
2017-02-06 12:37:19
阅读次数：
247
响应式布局设计的三大要点 布局类型 在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型： 布局实现 采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位， ...
分类：
其他好文 时间：
2017-01-31 17:45:55
阅读次数：
173
来源于:https://github.com/RubyLouvre/agate/issues/8 最近几年，前端技术迅猛发展，差不多每年都会冒出一款主流的框架。 每次新开业务线或启动新项目时，是第一件事就是纠结：使用什么框架，重造什么轮子？我很高兴应CSDN的邀请谈我的看法。 在五六年，移动端还没有 ...
分类：
其他好文 时间：
2017-01-30 12:30:10
阅读次数：
1144
最近开发微信小程序，在写样式表的时候发现用PX的效果不太理想，而官方文档用rpx来做响应式布局单位，就仔细研究了下，在此做个小总结： 这里先引用官方定义的尺寸单位‘rpx’：可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则 ...
分类：
微信 时间：
2017-01-24 12:40:56
阅读次数：
442
本文提供了响应式下的雪碧图定位方法，适应四种场景，分别为传统布局、响应式布局及组成雪碧图的子图尺寸相同、尺寸不同的排列组合。本文覆盖了雪碧图的多种场景，对background-position、background-size的组合使用进行了分析和推导，并且提供了推导过程及实例，使得定位的应用变得清晰... ...
分类：
其他好文 时间：
2017-01-23 22:50:32
阅读次数：
527
用bootsrap响应式布局的时候，遇到个很恶心的问题：左边栏很短很难看！！ 于是，想用js来自动改变左边的高度，没成功！！原来是设置的时候，没加单位，坑爹了。 参考：http://blog.sina.com.cn/s/blog_3d8c704c0101145y.html 设置高度的时候，加上px ...
分类：
Web程序 时间：
2017-01-22 23:35:32
阅读次数：
765
目的是实现不同分辨率的终端上浏览网页的不同展示方式。 响应式设计的步骤： 1.设置meta标签 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" ...
分类：
其他好文 时间：
2017-01-19 18:07:53
阅读次数：
255
BootStrap BootStrap的简介 1. 什么是Bootstrap 由两个前端设计师开发的一个前端的框架（Html，css，js） 简化了程序员写css的代码 2. 为什么使用BootStrap，有什么特点 l 学习比较简单，有了Html，css和js就能学习 l 响应式布局，可以适应多种 ...
分类：
其他好文 时间：
2017-01-17 20:18:14
阅读次数：
231
静态、自适应、流式、响应式四种网页布局有什么区别？ 静态布局（Static Layout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。 适应布局（Adaptive Layo ...
分类：
其他好文 时间：
2017-01-13 20:39:15
阅读次数：
313
顶部导航：nav-tabs 左边导航：nav-list 响应式布局：div嵌套 ~ container、row、ol-lg-X 效果： 源码： ...
分类：
其他好文 时间：
2017-01-12 12:59:34
阅读次数：
183
