在查看bootstrap教程中,碰到后,在群兄弟小胡帮助下,知道viewport含义:ViewPort标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。使用ViewPort标记还表示文档针对移动设备进行了优化。ViewPort标记的content值是由指令及其值...
分类:
其他好文 时间:
2014-07-28 14:33:53
阅读次数:
256
概览布局容器.container类用于固定宽度并支持响应式布局的容器。.container-fluid类用于 100% 宽度,占据全部视口(viewport)的容器。这两种 容器类不能互相嵌套栅格系统简介“行(row)”必须包含在.container(固定宽度)或.container-fluid(1...
分类:
Web程序 时间:
2014-07-26 00:03:06
阅读次数:
410
对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢?1、Meta 之 viewport说到移动平台meta标签,那就不得不说一下v...
分类:
移动开发 时间:
2014-07-24 17:14:35
阅读次数:
198
我认为有两种方法可以实现。1, WebBrowser 是基于IE 9的,所以WebBrowser 也是支持最新的HTML5标准。然而在HTML中有许多控件是通过Browser的 pan 和zoom等手持行为起作 用的,您可以设置HTML中的 viewport metadata 元素来实现。如:将下面...
分类:
移动开发 时间:
2014-07-22 00:38:33
阅读次数:
283
移动设备的屏幕一般都比PC小很多,移动设备的浏览器会将一个较大的 “虚拟” 窗口映射到移动设备的屏幕上,然后按一定的比例(3:1或2:1)进行缩放。使用 viewport 可以控制浏览器视口的处理方式。
网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允...
分类:
移动开发 时间:
2014-07-16 23:06:52
阅读次数:
203
这个meta在移动平台上有非常神奇的地方。 1. 复制代码 一句可以让我们用全屏来布局我们的页面了,不用再担心页面显示被浏览器缩小。 viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域。对于传统WEB页面来说,980的宽度在...
分类:
移动开发 时间:
2014-07-15 09:24:26
阅读次数:
242
libgdx从1.0版本开始,stage分辨率自适应方法发生了改变。我们查看stage的构造方法:public Stage (Viewport viewport) { this(viewport, null);}我们必须手工去创建一个自己的Viewport才行。new Stage((new S...
分类:
移动开发 时间:
2014-07-14 23:32:40
阅读次数:
349
解决手机访问网站时整体相对屏幕缩小问题?(已解决)
自己开发出来的网站,在手机上访问时,总是整体小了一块,不能很好的适应屏幕,每次都要用手指再放大到合适尺寸,后发现,需要在开发代码中添加:
(可添加到第一行)
参数说明:
width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
...
分类:
移动开发 时间:
2014-07-14 17:44:06
阅读次数:
226
对移动端的开发也不是非常了解,只是做过一些手机端项目,小编今天在这里整理一些常用的移 动开发知识点,有兴趣的朋友也可以了解一下,当然,如果有所补充,也可发email给小编哦~ ~~1、viewport :所谓viewport,即除去所有工具栏、状态栏、滚动条等之后用于查看网页的区域,假设现在有一张报...
分类:
移动开发 时间:
2014-07-13 08:16:34
阅读次数:
217