刚接触了一点点用h5移动端的一点知识，用自己最浅薄的理解来看解决自适应屏幕尺寸问题和适应屏幕尺寸的布局问题。这里，为了解决自适应屏幕尺寸问题大概需要做的就是把HTML中的元素的尺寸尽可能的用百分比表示，再就是结合上vieport虚拟窗口了，一般是用到的这句话：，查了一下，大概是这个意思： ...
分类：
Web程序 时间：
2015-09-15 18:26:41
阅读次数：
187
demo1 上面这段代码相信大家都不陌生,这是写手机网站的标配,这里也不过多解释,不过要注意的是viewport指的是手机虚拟窗口而不是屏幕可视区域也不是页面本身。关于响应式设计网站在手机上的显示,考虑的因素有两个,第一是屏幕分辨率,第二是屏幕大小。当利用浏览器里面的手机模拟器显示网页时,要考...
分类：
移动开发 时间：
2015-08-10 00:05:41
阅读次数：
189
viewport设置适应移动设备屏幕大小viewport：允许开发者创建一个虚拟窗口并自定义其窗口的大小或缩放功能代码中的content属性可以设置如下6种不同参数Media Queries如何工作1、定义当前屏幕可视区域的宽度最大值是600像素那么small.css怎样写的呢@media scre...
分类：
移动开发 时间：
2015-06-27 18:02:45
阅读次数：
216
Windows10技术预览版中，带的IE版本任然是11。但是直观感受，加载速度更快，界面也更加扁平，看起来很漂亮。使用起来也有一些意外，比如Metro版本的IE没有出现；如果在第二个虚拟窗口中，直接点击IE，将会跳转回到当前已经开启IE的虚拟桌面。这一点跟苹果的系统相似，但是其实..
Viewpoint设置适应移动设备屏幕大小 （1）viewpoint虚拟窗口的主要作用是允许开发者创建一个虚拟的窗口（viewpoint），并自定义其窗口的大小和缩放功能。 Mobilesafari虚拟窗口默认大小是980像素，androidbrowser默认是800像素，IE默认是974像素，op...
分类：
移动开发 时间：
2014-08-27 12:45:07
阅读次数：
152
Viewport(视口)概念In web browsers, the viewport is the visible portion of the entire document.移动端浏览器在一个通常比屏幕更宽的虚拟”窗口“（视口）中渲染页面，从而无需将所有页面都压缩进小屏幕里（那样会把很多没有针...
分类：
移动开发 时间：
2014-07-28 15:38:03
阅读次数：
322
移动设备的屏幕一般都比PC小很多，移动设备的浏览器会将一个较大的 “虚拟” 窗口映射到移动设备的屏幕上，然后按一定的比例（3：1或2：1）进行缩放。使用 viewport 可以控制浏览器视口的处理方式。
