CSS3中的Media Query(媒介查询): 设备宽高：device-width,device-height 渲染窗口的宽和高：width，height 设备的手持方向：orientation 设备的分辨率：resolution 使用方法： 外联 <link href="css/bg.css" ...
分类：
其他好文 时间：
2016-09-28 19:23:33
阅读次数：
155
一、 web在App端的实现： CSS原生代码的方式 注意事项及写法： 1.需要在head标签里面添加<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scala ...
分类：
其他好文 时间：
2016-09-26 06:24:51
阅读次数：
97
1、 在HTML头部增加viewport标签 在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕 宽度，且不进行初始缩放。这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0 ...
分类：
移动开发 时间：
2016-09-25 22:27:37
阅读次数：
178
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Hello MUI</title> <meta name="viewport" content="width=device-width, initial-scale=1,maximu ...
分类：
其他好文 时间：
2016-09-25 22:09:23
阅读次数：
350
◆APP端/**CSS原生代码**/TIP：① 还是要在head部分加入 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">网页自适应移 ...
分类：
Web程序 时间：
2016-09-25 20:34:15
阅读次数：
144
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, ...
分类：
其他好文 时间：
2016-09-25 18:36:30
阅读次数：
192
一、天猫 <title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta charset="utf-8"> <meta content="width=device-width ...
分类：
移动开发 时间：
2016-09-25 17:31:47
阅读次数：
353
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1, ...
分类：
其他好文 时间：
2016-09-25 13:12:30
阅读次数：
1231
HTML5文档类型（Doctype） Bootstrap使用了一些HTML5元素和CSS属性，所以需要使用HTML5文档类型。 移动设备优先 宽度设置为device-width可以确保它能正确呈现在不同设备上。 initial-scale=1.0确保网页加载时，以1:1的比例呈现。 可以为viewp ...
分类：
其他好文 时间：
2016-09-19 10:10:20
阅读次数：
214
bootstrap框架 1.以栅栏式布局，分12列，16列，24列和32列，常用12列。 2.整个页面必须在container容器内部 3.移动端以 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 来使视图一 ...
分类：
其他好文 时间：
2016-09-17 23:26:46
阅读次数：
239
