网格系统的实现原理，是通过定义容器大小，平分12份。 调整内外边距，通过媒体查询，就制作出强大的响应式网格系统 那媒体查询时什么呢：媒体查询主要是对各种移动端设备的一个响应式兼容， <meta name = "viewport" content="width = device-width,initi ...
分类：
其他好文 时间：
2019-08-22 18:57:02
阅读次数：
72
流式布局（百分比布局） 在CSS2时代就有，主要指的是将页面中元素的宽度以百分比表示并进行排版，可以在不同分辨率下显示相同的版式 响应式布局 关键技术是CSS3中的媒体查询，可以在不同分辨率下对元素重新设置样式（不只是尺寸），在不同屏幕下可以显示不同版式 举例： 可以实现不同尺寸屏幕下对不同元素的显 ...
分类：
其他好文 时间：
2019-08-14 16:41:19
阅读次数：
82
1移动端布局 rem布局+媒体查询+弹性盒媒体查询； 匹配不同的设备宽度从而加载不同的css样式 注意地下的空格 不要删除，不然不出效果 @media only screen and (min-width:360px){ body{ background:yellow;} } @media scre ...
分类：
移动开发 时间：
2019-08-13 00:38:27
阅读次数：
165
//设置常用的body html{ font-size: 50px; } @no:15; @media screen and (min-width:320px) { html{ font-size: 320px/@no; } } @media screen and (min-width:360px)... ...
分类：
移动开发 时间：
2019-08-10 17:30:20
阅读次数：
198
1 2 3 4 5 6 34 35 36 37 38 ...
分类：
Web程序 时间：
2019-07-28 15:50:56
阅读次数：
126
注意： 1. 这个案例，是我写vue项目修改的，所以思路同样适用于vue框架项目。2. 建议先把代码直接复制过去，先看一下效果。 3. 涉及到知识点，flex布局的属性配合使用 ， @media媒体查询的语法 4. 给ul设置 flex-wrap: wrap , 一定要允许li可以换行，我在这个坑里 ...
分类：
其他好文 时间：
2019-07-02 09:19:16
阅读次数：
80
早上好，仙女刘，首先恭喜你在2019.06.13号也就是昨天生日快乐！希望你在今后的每一天都是开开心心的，爱你哟，早上起床后的在激动心情下的美美哒！ 好了，现在进入正题： 在做响应式页面的时候，我经常用到媒体查询。写代码的时候，一个页面我基本一个css就搞定了。但是页面最后的最后，我真心的为我的cs ...
分类：
Web程序 时间：
2019-06-14 10:44:21
阅读次数：
310
Bootsrap框架 js 只需要留一个bootstrap.min.js即可 css 只需要一个bootstrap.min.css即可 fonts 都是必须的，不需要我们手动导入，js文件会自动查找导入对于的fonts文件 注意 它是基于jQuery, 也就意味着你在用bootstrap要先导入jQ ...
分类：
其他好文 时间：
2019-06-04 22:11:21
阅读次数：
133
详细可查看原文 Meta 标签 Media Queries 媒体查询 设备分辨率 ...
分类：
其他好文 时间：
2019-06-01 09:42:52
阅读次数：
123
css3新特性概览： 1.强大的选择器 2.半透明度效果的实现 3.多栏布局 4.多背景图 5.文字阴影 6.开放字体类型 7.圆角 8.边框图片 9.盒子阴影 10.媒体查询 浏览器内核又可以分成两部分：渲染引擎(layout engineer或者Rendering Engine)和JS引擎。 主 ...
分类：
Web程序 时间：
2019-05-27 10:27:02
阅读次数：
162
