随着3G的普及，越来越多的人使用手机上网。 移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的 ...
分类：
Web程序 时间：
2016-06-01 09:12:25
阅读次数：
176
Javascript获取屏幕宽度和高度方法： jquery获取屏幕宽度和高度方法： ...
分类：
编程语言 时间：
2016-05-28 15:40:18
阅读次数：
160
响应式布局： 1、保有足够的留白，但也几乎不浪费屏幕面积 2、该考虑的内容：@百分比的布局以及em布局，随屏幕宽度变化的间距 @文本换行 @图片需被替换或允许缩放 @忍受一个不再完美的设计 自适应布局： 1、可在每个突变点上，为内容区域设置一个最大宽度，然后将外间距扩张直至匹配到下一个突变点 搜索框 ...
分类：
其他好文 时间：
2016-05-24 18:35:34
阅读次数：
202
目前比较常用的方法有： 首先要让页面大小铺满屏幕又不能溢出。只需要在html<head>标签内加入viewport（如下），参数分别表示：页面宽度＝ 屏幕宽度，最大和最小伸缩比都是1，不允许用户拉缩。 <meta name="viewport" content="width=device-width ...
分类：
Web程序 时间：
2016-05-24 15:23:13
阅读次数：
148
方法一 处理HTMLString的方法： 处理HTMLString的原理： 原理就是用一个for循环，拿到所有的图片，对每个图片都处理一次，让图片的宽为100%，就是按照屏幕宽度自适应；让图片的高atuo，自动适应。文字的字体大小，可以去改font-size:15px，这里我用的是15px。根据自己 ...
分类：
Web程序 时间：
2016-05-23 18:55:26
阅读次数：
200
这几天都在修改博客上面的样式。本来用的是d83.0的模板。自己又修改了许多地方，其中自己修改的一些地方在手机里面显示的效果不是很理想，于是想改成自适应的效果。对CSS3不是特别的熟练，只能去网上找找案例看了。发现一个不错的文章。写的比较入门，也很仔细。所以拿过来分享给大家。如果还想看图片的响应式案例 ...
分类：
Web程序 时间：
2016-05-23 00:29:36
阅读次数：
243
这个用的最多， width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字，要么是一个特殊的标记符号。width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度 ...
分类：
移动开发 时间：
2016-05-17 11:13:54
阅读次数：
197
150809227飞机游戏#defineMAXOBJ物体最大数量#defineMAXX屏幕宽度#defineMAXY屏幕高structTOBJ{intmode;intx,y;intindex;inttype;}Objs[MAXOBJ];intAllocObj(){inti=0;while(i<MAXOBJ&&Objs[i].mode)i++;if(i>=MAXOBJ)returnMAXOBJ-1;returni;}intCheckHit(intx1..
分类：
其他好文 时间：
2016-05-14 01:21:14
阅读次数：
312
1.创建3个“菜单”视图，并且将“菜单”添加到父视图。 2.将左右菜单的宽度设置为当前屏幕宽度的百分之八十，高度设为当前屏幕高度的值；中间菜单的宽度和高度设置为当前屏幕的宽高值。 1) 重载onMeasure()方法，并且测量菜单视图的宽高值。 3）设置为当前屏幕的百分之八十，需要用到以下方法 Me ...
分类：
其他好文 时间：
2016-05-13 12:54:18
阅读次数：
166
一、"自适应网页设计"的概念 2010年，Ethan Marcotte提出了"自适应网页设计"（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。 他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图 ...
分类：
Web程序 时间：
2016-05-13 07:39:40
阅读次数：
204
