<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt ...
分类:
其他好文 时间:
2017-06-24 18:40:57
阅读次数:
176
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="widt ...
分类:
其他好文 时间:
2017-06-24 18:29:06
阅读次数:
111
以设计稿为准,假设设计稿竖屏宽度为750px,取根元素的font-size为50px 在iphone6(375px)下,deviceWidth=7.5rem, 这个就是viewPort中的deviceWidth, 所以fontsize计算公式为 font-size=deviceWidth/7.5 即 ...
分类:
Web程序 时间:
2017-06-22 10:12:39
阅读次数:
154
bootstrap是一个webcss框架,集合了html/css/jquery为一家,创建响应式的页面.所谓的响应式就是适配不同的上网设备。 使用bootstrap的步骤: 1.下载bootstrap(用于生产环境的BootStrap) 2.导入bootstrap.css 3.导入jquery.js ...
分类:
其他好文 时间:
2017-06-22 00:19:27
阅读次数:
199
分辨率就是屏幕上横、纵的总象素点数。如果我们设计的时候用单位px,可以说是物理分辨率尺寸。如果我们设计的时候用单位pt,可以说是逻辑分辨率尺寸。 默认情况下:手机按照桌面浏览器的分辨率显示,如果要在手机上显示需要加<meta>标签<meta name="viewport" content="widt ...
分类:
移动开发 时间:
2017-06-21 22:56:13
阅读次数:
319
meta篇: <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/> <meta name="format-detection" content="telephone=no"/> ...
分类:
移动开发 时间:
2017-06-21 18:25:47
阅读次数:
352
viewport 视口(可视区窗口) 默认不设置viewport一般可视区宽度在移动端是980 width 可视区的宽度 (number||device-width) user-scalable 是否允许用户缩放 (yes||no) iOS10无效 (我们放在事件章节解决) initial-scal ...
分类:
移动开发 时间:
2017-06-21 16:49:09
阅读次数:
277
1. 强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-sc ...
分类:
Web程序 时间:
2017-06-20 17:50:50
阅读次数:
173
有关Meta 基本Meta <!-- 设置缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> <!-- 可隐藏地址栏,仅针对IOS的Sa ...
分类:
移动开发 时间:
2017-06-19 18:35:42
阅读次数:
332
viewport(可视区窗口)
<metaname="viewport"content="">(重要)
默认不设置viewport,一般可视区宽度在移动端是980.
width:可视区的宽度(number||device-width)
user-scalable是否允许用户缩放(yes||no),---->>ios10无效
initial-scale初始缩放比例
minimum-..
分类:
移动开发 时间:
2017-06-19 17:12:44
阅读次数:
231