一、根据浏览器的窗口大小来选择使用不同的样式 在css中，与媒体相关的样式定义是从css2开始的。css2中定义了各种媒体类型，包括显示器、便携设备、电视机等。 css3中加入了Media Queries模块，该模块允许添加媒体查询（media querise）表达式，来指定媒体类型，然后根据媒体类 ...
分类：
其他好文 时间：
2018-06-24 13:01:12
阅读次数：
175
移动端页面布局 移动端app分类 1、Native App 原生app手机应用程序使用原生的语言开发的手机应用，Android系统用的是java，iOS系统用的是object-C 2、Hybrid App 混合型app手机应用程序混合使用原生的程序和html5页面开发的手机应用 3、Web App ...
分类：
移动开发 时间：
2018-06-16 10:33:51
阅读次数：
224
由于现在的网页要兼容各种pc尺寸及ipad甚至手机屏幕，所以响应式的网页变得尤为重要。手写响应式网页，具体技术点有： 1.声明viewport元标签（响应式网页必备） <meta name="viewport" content="width=device-width, initial-scale=1 ...
分类：
Web程序 时间：
2018-06-10 00:21:17
阅读次数：
833
互联网上的自适应方案到底有几种呢？就我个人实践所知，有这么几种方案： 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用rem 1. 简单问题简单解决 我觉得有些web app并一定很复杂，比如拉勾网，你看看它的页面在iphone4,iph ...
分类：
移动开发 时间：
2018-06-07 17:05:12
阅读次数：
216
/*手机*/ @media screen and (max-width:600px){ } /*平板*/ @media screen and (min-width:600px) and (max-width:960px){} /*PC*/ @media screen and (min-width:9 ...
分类：
其他好文 时间：
2018-06-07 14:19:46
阅读次数：
132
@import 根据文件名引入。 默认情况下，它会寻找 Sass 文件并直接引入， 但是，在少数几种情况下，它会被编译成 CSS 的 @import 规则： 如果文件的扩展名是 .css。 如果文件名以 http:// 开头。 如果文件名是 url()。 如果 @import 包含了任何媒体查询（m ...
分类：
其他好文 时间：
2018-06-03 14:30:11
阅读次数：
593
在head头部添加如下代码即可 <!-- html5shiv.js和respond.js IE8支持HTML5元素和媒体查询 --><!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min. ...
分类：
Web程序 时间：
2018-05-26 16:39:41
阅读次数：
240
响应式是指一个网站能兼容多个终端，响应式图片即是，图片大小能自适应屏幕（比例不变） ...
分类：
其他好文 时间：
2018-05-20 16:46:33
阅读次数：
189
移动端适配 web页面跑在手机端（h5页面） 跨平台 基于webview（） 基于webkit 常见适配方法 pc端采用display：inline block，让div盒子横着排 移动web：采用定高，宽度百分比， flex弹性布局 ，meDIA QUERY 媒体查询 ； 媒体查询 结合css，通 ...
分类：
移动开发 时间：
2018-05-15 19:46:44
阅读次数：
285
|-弹性盒子|--定义弹性盒子 display：flex|--定义子元素的排列方式 flex-direction|--定义子元素的换行方式 flex-wrap|--定义子元素的对齐方式| 横向对齐 justify-content| 纵向对齐 align-intems |-媒体查询|--@media ...
分类：
其他好文 时间：
2018-05-13 23:01:42
阅读次数：
121
