1. 自适应网页设计 首先，在网页代码的头部，加入一行 viewport元标签。viewport是网页默认的宽度和高度， 1 上面这行代码的意思是，网页宽度默认等于屏幕宽度(width=device-width)，原始缩放比例(initial-scale=1)为1.0，即网页初始大小占屏幕面积的10 ...
分类：
Web程序 时间：
2016-08-26 15:25:15
阅读次数：
285
响应式布局常用技术 第一步：meta标签的应用。 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 第二步：使用media-queries.js 或 respond.js 。 <!--[if lt IE 9] ...
分类：
Web程序 时间：
2016-08-25 23:58:49
阅读次数：
460
如何通过CSS3 实现响应式Web设计： 分为三个步骤： （1）允许网页宽度自动调整。首先在页面头部中，我们需要加入这样一行：<meta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度 ...
分类：
Web程序 时间：
2016-08-23 18:54:49
阅读次数：
209
H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> ...
分类：
移动开发 时间：
2016-08-19 19:08:15
阅读次数：
207
IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可: <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...
分类：
Web程序 时间：
2016-08-14 11:34:00
阅读次数：
217
content属性值 : width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放 maximum-scale=1.0, minimum-scale=1 ...
分类：
其他好文 时间：
2016-08-05 13:53:56
阅读次数：
126
<! html > <!DOCTYPE html><html><head> <meta charset="utf-8"> <metaname=”viewport”content=”width=device-width, initial-scale=1″ /> <title>动态全屏宽度自适应bann ...
分类：
其他好文 时间：
2016-08-04 10:24:05
阅读次数：
135
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>日历练习</title> <styl ...
分类：
Web程序 时间：
2016-08-03 20:09:20
阅读次数：
225
<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=yes"/>在网页的<head>中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width：表示宽度是设备屏幕的宽度h..
分类：
Web程序 时间：
2016-08-01 23:32:31
阅读次数：
248
一、meta的使用 1、<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> 强制让文档的宽度与设备 ...
分类：
移动开发 时间：
2016-07-30 16:48:32
阅读次数：
281
