1 6.1 布局的用途 2 //决定把什么东西放到什么位置; 3 var vieport = new Ext.Viewport({ 4 layout:'border', //使用BorderLayout的布局方式(边界布局);可以自动检测浏览器的大小变化和自动调整...
分类：
Web程序 时间：
2015-01-29 20:46:36
阅读次数：
191
转自：https://github.com/jtyjty99999/mobileTech1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,...
分类：
移动开发 时间：
2015-01-28 19:12:40
阅读次数：
332
在这个迷你系列的文章里边我将会解释viewport，以及许多重要元素的宽度是如何工作的，比如元素，也包括窗口和屏幕这篇文章是关于桌面浏览器的，其唯一目的就是为移动浏览器中相似的讨论做个铺垫。大部分开发者凭直觉已经明白了大部分桌面浏览器中的概念。在移动端我们将会接触到相同的概念，但是会更加复杂，所以对...
分类：
Web程序 时间：
2015-01-28 14:31:09
阅读次数：
1172
1.手机浏览器与桌面浏览器的不同现在手机浏览器的显示分辨率与桌面浏览器差不多，但是手机的尺寸比电脑要小很多。一个没做过响应式处理的网站，在手机和电脑上显示完全一样的内容， 不可避免的会出现字体被缩小的现象。想象一下电脑里12号字体缩小好几倍的效果吧。 所以如果将web网页移植为wap应用上，还是有许...
分类：
Web程序 时间：
2015-01-28 14:28:16
阅读次数：
223
BootStrap学习笔记一：学习工具：BootStrap中文文档：http://v3.bootcss.com/css/#type-lists1.HTML5文档类型 ...2.为了确保适当的绘制和触屏缩放，需要在之中添加 viewport 元数据标签。3.两种容器//.container 类用于固....
分类：
其他好文 时间：
2015-01-27 20:12:32
阅读次数：
145
Bootstrap 3一、采用Html5文档类型....二、为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加viewport meta标签，如下所示： 三、在移动设备浏览器上，通过为viewport meta标签添加user-scala...
分类：
移动开发 时间：
2015-01-23 11:02:38
阅读次数：
198
引入js：cvi_busy_lib.js （下载地址：http://download.csdn.net/detail/xlb744868186/8388465）
js代码：
$.ajax({
beforeSend:function(){
var xval=getBusyOverlay('viewport',{color:'gray', opacity:0.75, text:'vie...
分类：
Web程序 时间：
2015-01-23 09:33:56
阅读次数：
472
Bootstrap网格系统本章节我们将讲解 Bootstrap 的网格系统（Grid System）。Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。什么是网格（Grid）？摘自维基百科：在平面设计中，网格是一...
分类：
其他好文 时间：
2015-01-22 17:38:03
阅读次数：
264
width-viewport的宽度height-viewport的高度initial-scale-初始的缩放比例minimum-scale-允许用户缩放到的最小比例maximum-scale-允许用户缩放到的最大比例user-scalable-用户是否可以手动缩放
分类：
Web程序 时间：
2015-01-22 12:51:08
阅读次数：
124
在移动设备浏览器上，通过为视口（viewport）设置 meta 属性为 user-scalable=no 可以禁用其缩放（zooming）功能。这样禁用缩放功能后，用户只能滚动屏幕，就能让你的网站看上去更像原生应用的感觉。注意，这种方式我们并不推荐所有网站使用，还是要看你自己的情况而定！还有一种写...
分类：
移动开发 时间：
2015-01-21 11:29:58
阅读次数：
227
