想要适配手机端和pc端,有几种简单的方法,本人使用的是百分比分配的方法。 js代码: 想要兼容手机端,必须在<head></head>标签中加上<meta name="viewport" content="width=device-width,initial-scale=1,max-scale=1. ...
分类:
移动开发 时间:
2017-04-26 23:45:43
阅读次数:
281
1. viewport 将layout viewport 设置成ideal viewport 。 width=device-width,也可以设置 initial-scale=1,最好两者都有. width =device-width 兼容IE。 viewport 分为layout viewport ...
分类:
其他好文 时间:
2017-04-25 17:04:35
阅读次数:
176
//html部分 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalabl ...
分类:
移动开发 时间:
2017-04-25 10:18:47
阅读次数:
197
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>下拉刷新</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale ...
分类:
其他好文 时间:
2017-04-21 23:56:38
阅读次数:
1635
手机网页怎么禁止缩放和拖动 禁止缩放 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />user-scal ...
分类:
移动开发 时间:
2017-04-21 19:21:55
阅读次数:
211
区别于pc端开发,移动端开发需要在head中加入下面这行代码 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=n ...
分类:
移动开发 时间:
2017-04-21 19:20:39
阅读次数:
220
1、使用rem 2、meta内容如下: <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scal ...
分类:
移动开发 时间:
2017-04-21 19:03:15
阅读次数:
197
例如: HTML代码: <!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <meta name="viewport" content="width=device-width,i ...
分类:
移动开发 时间:
2017-04-18 19:54:09
阅读次数:
338
Bootstrap学习资料整理 <!DOCTYPE html> <html> <head> <title>bootstrap template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
分类:
其他好文 时间:
2017-04-16 20:14:33
阅读次数:
221
1、初始化浏览器显示 <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> ...
分类:
其他好文 时间:
2017-04-13 00:37:19
阅读次数:
147