来自:http://www.cnblogs.com/xiaobo68688/archive/2011/12/01/2269985.html 首先我们在屏幕中心显示一个矩形,效果如图: // 代码没有经过优化,为的是容易理解public class OpenGLTestActivity extends... ...
分类:
移动开发 时间:
2017-07-07 10:29:40
阅读次数:
297
1、在meta标签中添加viewport 2、 不使用绝对宽度(px),使用相对宽度(%) 3、 不使用绝对文字大小(px),使用相对文字大小(em,rem) em相对于父元素字体尺寸比例,rem相对于根元素(html元素)字体尺寸的比例,比如各浏览器默认根元素字体大小为16px,0.75rem就相 ...
分类:
其他好文 时间:
2017-07-06 20:32:13
阅读次数:
211
在head里面加入. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,minimum-scale=1.0, maximum-scale=1.0"> 如果还是有左右滑动出现空白 ...
分类:
其他好文 时间:
2017-07-06 18:58:36
阅读次数:
418
前言的一些碎碎念:最近一直在写移动端的页面,不过一直是用的别人造好的轮子,很多时候并没有想那是为什么,那是怎么样要那么写,就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解,结果很多东西都特么有问题,所以,今天停下了手中的一些东西,来谈下移动端的布局方案吧 一. viewport 什么是view ...
分类:
移动开发 时间:
2017-07-06 17:02:16
阅读次数:
283
在了解SVG坐标系统之前,要先熟悉三个概念: SVG中 世界,视野(viewbox),视窗(viewport). SVG中的世界就是一个无限大的画布,我们可以在上面画任何东西。因为在svg元素中,我们可以写任意的代码,绘制无数的图形。代码的数量,是由你决定的, 你想写多少就写多少,无数的图形肯定是无 ...
分类:
其他好文 时间:
2017-07-06 00:25:22
阅读次数:
993
<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width,user-scalable=no" /><meta charset="UTF-8"><title>Document</titl ...
分类:
移动开发 时间:
2017-07-05 21:58:12
阅读次数:
276
H5页面在移动端无法满屏自适应窗口,怎么办? <meta name="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> H5页面 ...
分类:
移动开发 时间:
2017-07-05 13:39:54
阅读次数:
1577
H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> ...
分类:
移动开发 时间:
2017-07-04 20:01:38
阅读次数:
293
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>666</title> <meta name="viewport" content="width=device-width, initial-scale=1.0 ...
分类:
其他好文 时间:
2017-07-04 13:22:37
阅读次数:
183
<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <!-- 匹配移动端 移动端优先 --> <!-- 手机浏览器是把页面放在一个虚拟的窗口-viewport content:内容 device:设备 width:控制vi ...
分类:
其他好文 时间:
2017-07-04 09:54:18
阅读次数:
204