1.media控制布局 <link type="text/css" rel="stylesheet" href="css04.css" media="only screen and (max-width:640px)"> <style> @media screen and (max-width:60 ...
分类：
Web程序 时间：
2016-10-26 19:38:37
阅读次数：
202
响应式布局 响应式布局的基本结构为： 栅格系统通过定义容器的大小，然后将容器分为12等份调整内外边距结合媒体查询来实现 在栅格系统中可以组合class来实现不同分辨率的适配 class="container"是最外层的容器提供了对齐方式 class="row"定义一个列容器 class="col-x ...
分类：
其他好文 时间：
2016-10-21 01:03:12
阅读次数：
140
1、两栏布局左侧定宽右侧自适应<divclass="grid1">
<divclass="left_1">左侧定宽</div>
<divclass="right_1">右侧自适应</div>
</div>.left_1{float:left;width:200px;}
.right_1{margin-left:200px;}2、两栏布局左侧自适应右侧定宽<di..
分类：
Web程序 时间：
2016-10-17 18:28:44
阅读次数：
203
最近在学习前端的各大流行框架, 主要学习了 Vue.js 和 React.js, 前段时间用 Vue.js + uikit 实现了 V2EX 的克隆版本, 最近又用 React.js + redux + bootstrap 实现了 RubyChina 的克隆版本, 两个项目都支持响应式布局. 不得不... ...
分类：
Web程序 时间：
2016-10-12 06:46:36
阅读次数：
170
一、传统的布局 我认为传统的布局方式大体就是position的各个值以及float属性，当初初学的时候觉得这个就很了不起了，可以让div脱离文档流，使其在固定的位置，但是随着不同尺寸的终端的增加，手机端的，平板。固定的布局方式并不占优势，于是出现了响应式布局。这时候css3就很重要了css3的一些新 ...
分类：
Web程序 时间：
2016-10-11 11:50:41
阅读次数：
276
1.web端、app端 目前实现响应式布局，主要用以下两种方式。CSS原生代码响应式布局 @media screen。bootstrap移动设备优先、自带框架。 兼容性 用原生代码的话 根据不同的屏幕尺寸，用@media screen引入不同的值 用bootstrap，js文件自适应，优点是不用分屏 ...
分类：
Web程序 时间：
2016-10-08 02:09:14
阅读次数：
152
bootstrap css响应式布局 1.自适应（%） 2.@media媒体查询 3.1em=16px→浏览器的默认值（相对body，会继承） 4.1rem=16px→浏览器默认值→只针对app端而且只针对字体大小（相对html值，不会继承） css布局 1.@media sreen and（min ...
分类：
其他好文 时间：
2016-10-08 02:00:55
阅读次数：
94
web css原生代码响应式布局↘@media scree bootstrap 移动端优先↗ 自带框架 兼容性 不同的屏幕尺寸 （还原布局） css原生代码响应式布局@media scree(手机屏幕) js文件自适应 app css原生响应式 1.宽高→用百分比 2.用rem 3.@media针对 ...
分类：
其他好文 时间：
2016-10-08 01:50:16
阅读次数：
103
1.div里面包住的图片会在div下面 解决：给body设置一个font-size=16px; OK，能能解决大部分图片了。偶尔还有一两个还是这种情况： 解决：1，字体大小是可以继承的，一层一层的审查元素，有时去掉外面的div就好了 2，来个粗暴的方法：直接设成背景图片 2.在写响应式布局时，宽度都 ...
分类：
其他好文 时间：
2016-10-08 01:43:39
阅读次数：
125
web 要考虑兼容性、还原、布局app 针对不同屏幕尺寸来自适应，可以用雪碧图技术来进行自适应 布局方法：css原生代码响应式布局bootstrap（移动端优先） 也可以用js文件达到自适应，宽高可以设置不再是用百分比方式像素分为逻辑像素和物理像素 app端注意事项：高宽百分比，用rem单位，@ma ...
分类：
其他好文 时间：
2016-10-07 20:45:02
阅读次数：
184
