移动设备优先: 为了让开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的head之中添加viewport meat标签:如下: <metaname="viewport"content="width=device-width, initial-scale=1.0"> 响应式图像: 通过对 ...
分类:
其他好文 时间:
2016-04-20 20:06:32
阅读次数:
119
<meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"/> width:可视区域的宽度,值可为数字或关键词device-width intial-scale:页面首次被显示是可视区域的缩放级 ...
分类:
Web程序 时间:
2016-04-20 17:46:31
阅读次数:
179
如何使用Media Queries媒体查询: (1)<head>里边 <link rel="stylesheet" type="text/css" href="xxx.css" media="only screen and (max-device-width:480px)"> (2)style 里边 ...
分类:
移动开发 时间:
2016-04-20 13:38:19
阅读次数:
301
在<head>中引入 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> ,不加这句,移动端都返回980。加上这句,PC和移动端都能正确获取。 设备宽度 var diviceWid ...
分类:
移动开发 时间:
2016-04-19 19:11:59
阅读次数:
206
<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>demo..</t ...
分类:
其他好文 时间:
2016-04-17 15:55:22
阅读次数:
164
1. meta name="viewport" content="width=device-width,initial-scale=1.0" content属性值 : width:可视区域的宽度,值可为数字或关键词device-width height:同width intial-scale:页面首 ...
分类:
Web程序 时间:
2016-04-17 00:31:17
阅读次数:
193
content属性值 : width:可视区域的宽度,值可为数字或关键词device-width height:同width intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放。 maximum-scale=1.0, minimum-scale= ...
分类:
Web程序 时间:
2016-04-16 16:45:30
阅读次数:
144
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" na ...
分类:
移动开发 时间:
2016-04-15 18:07:48
阅读次数:
187
<html><head><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"><titl ...
分类:
其他好文 时间:
2016-04-14 15:37:05
阅读次数:
156
用的是BT3的类和fa的图标 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width initial-scale=1"> <link ...
分类:
其他好文 时间:
2016-04-12 19:31:11
阅读次数:
140