网页自适应可使网站从桌面电脑显示器到智能手机或其他移动产品设备上具有更好的阅读体验，具体方法如下：1、在HTML头部增加viewport标签。在网站HTML文件的开头，增加viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度，且不进行初始缩放。代码如下：这段代码支持Chrome、Fire...
分类：
Web程序 时间：
2015-06-16 16:10:50
阅读次数：
204
网上关于这方面的文章有很多，重复的东西本文不再赘述，仅提供思路，并解释一些其他文章讲述模糊的地方。1、使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义：如果你完全不了...
分类：
移动开发 时间：
2015-06-15 15:54:59
阅读次数：
86883
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽..
分类：
Web程序 时间：
2015-06-15 00:28:00
阅读次数：
144
所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上，目前Google已经明确表明鼓励响应式网页设计。通常在浏览网页时，手机上和电脑上无法显示同一个网页，这也导致许多网页设计会...
分类：
其他好文 时间：
2015-06-06 14:53:00
阅读次数：
148
pch 可以用来存储共享信息，比如设备屏幕的宽度，高度。版本号等等 公用信息
Xcode 老版本会自动为我们创建pch文件，新版本开始不自动创建了，如果需要使用可以自己手动创建
创建完成后可以在里面定义常量
此处以屏幕尺寸为例
如下
代码如下：
//获取屏幕
宽度、高度
#define SCREEN_FRAME ([UIScreen mainS...
分类：
移动开发 时间：
2015-06-06 10:37:09
阅读次数：
165
window.screen 对象包含有关用户屏幕的信息。Window Screenwindow.screen对象在编写时可以不使用 window 这个前缀。一些属性：screen.availWidth - 可用的屏幕宽度screen.availHeight - 可用的屏幕高度Window Scree...
分类：
编程语言 时间：
2015-06-02 00:14:13
阅读次数：
154
布局特点1. 单列布局 vs 水平布局 手机屏幕宽度较小，因此多采用单列布局。 反观桌面网页设计，为了利用宽度，往往使用各种水平布局的组件，诸如水平导航栏，水平按钮组，水平分页等。然而水平布局的组件，在移动端中，如果设备宽度不够，会导致组件割裂换行，影响视觉效果。 因此RWD的基本思路之一，桌...
分类：
Web程序 时间：
2015-05-29 17:53:46
阅读次数：
177
获得屏幕相关的辅助类：1、获得屏幕高度；2、获得屏幕宽度；3、获得状态栏的高度；4、获取当前屏幕截图，包含状态栏；5、获取当前屏幕截图，不包含状态栏。 1 import android.app.Activity; 2 import android.content.Context; 3 impo...
分类：
移动开发 时间：
2015-05-28 13:58:01
阅读次数：
170
1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：代码如下:width...
分类：
移动开发 时间：
2015-05-27 06:15:10
阅读次数：
192
