一.允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scal...
分类:
移动开发 时间:
2015-11-17 13:01:51
阅读次数:
205
width [pixel_value | device-width] width 直接去设置具体数值大部分的安卓手机不支持的 但是IOS支持 user-scalable 是否允许缩放 (no||yes) initial-scale 初始比例 minimum-scale 允许缩放的最小比例 maxi....
分类:
其他好文 时间:
2015-11-12 23:17:39
阅读次数:
310
<!DOCTYPE?html>
<html?xmlns="http://www.w3.org/1999/xhtml"><head>
?<meta?http-equiv="Cache-Control"?content="no-siteapp">
?<meta?name="viewport"?content="width=device-width,minimum-scale=1...
分类:
Web程序 时间:
2015-11-12 14:56:46
阅读次数:
381
viewprot屏幕尺寸,专为移动页面设计参数width,height宽高,或者device-width、device-height设备的宽高initial-scale初始缩放比例。如果设2.0则会放大两倍maximum-scale允许用户缩放最大比例minumum-scale允许用户缩放最小比例u...
分类:
Web程序 时间:
2015-11-09 01:28:06
阅读次数:
200
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale...
分类:
编程语言 时间:
2015-11-06 14:56:44
阅读次数:
259
感谢?think2011 这位兄台的JS库:https://github.com/think2011/LocalResizeIMG 先看调用页面: <!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<meta?name="viewport"?content="width=device-width...
分类:
Web程序 时间:
2015-11-05 12:10:16
阅读次数:
159
说明:所谓常见,是指我在优秀网页源码中见到的。1.viewport我见到的时候是这样:viewport就是设备的屏幕上用来显示网页的区域。先解释看到的参数:width:viewport宽度,这里设置的device-width是指设备屏幕宽度;initial-scale:页面初始缩放程度,这里设置的1...
分类:
Web程序 时间:
2015-10-27 17:39:49
阅读次数:
236
第一次写移动端的页面1、基本在网页头部我们只需添加四个meta标签就可以实现一个手机网站的框架。我一起来看看是哪些meta标签。详细属性:width ---- viewport的宽度(width=device-width意思是:宽度等于设备宽度)height ------ viewport的高...
分类:
移动开发 时间:
2015-10-27 17:23:26
阅读次数:
164
<!DOCTYPEhtml>
<html>
<headlang="en">
<metacharset="UTF-8">
<title></title>
<metaname="viewport"content="width=device-width,initial-scale=1">
<linkhref="css/lightbox.css"rel="stylesheet"/>
<!--新Bootstrap核..
分类:
Web程序 时间:
2015-10-27 13:34:02
阅读次数:
193
<!DOCTYPEhtml>
<htmllang="zh-CN">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1">
<!--新Bootstrap核心CSS文件-->
<..
分类:
其他好文 时间:
2015-10-26 19:01:36
阅读次数:
182