其中 max-width 指渲染界面最大宽度,max-device-width 指设备屏幕最大宽度这段代码的意思是 当设备屏幕宽度小于等于480像素并且渲染界面最大宽度小于等于480像素时,引用link.css文件。当设备屏幕宽度大于等于480像素并且小于980像素时,引用link.css文件。当设...
分类:
Web程序 时间:
2014-09-26 19:25:08
阅读次数:
203
感谢自学IT网的燕十八老师 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale...
分类:
Web程序 时间:
2014-09-18 09:57:24
阅读次数:
325
width:控制 viewport的大小,可以指定一个值或者特殊的值,如 device-width为设备的宽度(单位为缩放为 100%时的 css 的像素)height:和width相对应,指定高度initial-scale:初始缩放,即页面初始缩放程序,这是一个浮点值,是页面大小的一个乘数,例如,...
分类:
Web程序 时间:
2014-09-07 10:54:54
阅读次数:
157
一、网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, max...
分类:
Web程序 时间:
2014-08-26 20:02:47
阅读次数:
263
一.允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scal...
分类:
移动开发 时间:
2014-08-24 15:19:42
阅读次数:
236
“自适应网页设计”到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 1. 2. 复制代码 viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-...
分类:
Web程序 时间:
2014-08-14 23:25:06
阅读次数:
276
width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。height:和 width 相对应,指定高度。initial-scale:初始缩放比例,也即是当页面第一次 load...
分类:
其他好文 时间:
2014-08-08 15:48:36
阅读次数:
302
一、允许网页宽度自动调整 "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。 <meta name="viewport" content="width=device-width, initial-scale=1" /> ...
分类:
Web程序 时间:
2014-08-05 14:30:59
阅读次数:
262
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metaname="viewport"content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes">
<title>TOUCH</title>
<styletype="text/css">
*{
margin:..
分类:
其他好文 时间:
2014-08-05 14:26:11
阅读次数:
275
网页宽度页面box不要写宽度或width:100%之类的去掉头部加上下面代码:<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=yes"/>图片宽度<scripttype="text/javascript">functioninit(){varji..
分类:
移动开发 时间:
2014-06-27 07:05:34
阅读次数:
239