来自(阮一峰的网络日志),个人收藏.1.允许网页宽度自动调整"自适应网页设计"到底是怎么做到的?其实并不难。首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放...
分类:
Web程序 时间:
2015-09-07 10:55:35
阅读次数:
144
//-------------------获取设备大小-------------------------//NavBar高度#define NavigationBar_HEIGHT 44//获取屏幕宽度、高度#define SCREEN_WIDTH ([UIScreen mainScreen].bo...
分类:
移动开发 时间:
2015-09-06 21:26:30
阅读次数:
223
在jQueryMobile框架中,默认按钮是横向独占根据屏幕宽度自适应的。
ui-btn——声明为按钮显示;
ui-shadow——让元素在划过时有阴影的效果;
ui-icon-*——jQueryMobile内置图标属性;
ui-btn-icon-notext——让按钮隐藏文字;另外的ui-btn-icon-*属性还有:
ui-btn-inline——在一行中显示...
分类:
Web程序 时间:
2015-08-27 15:23:31
阅读次数:
179
一、"自适应网页设计"的概念2010年,Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并...
分类:
Web程序 时间:
2015-08-27 12:44:49
阅读次数:
168
当需要开发如上这样一个搜索框时。 因为是移动端开发,手机屏幕宽度的不确定性,所以不能使用平时的定宽开发。 分析如上图: ????1.该搜索框由两部分组成:input搜索框+取消按钮; ????2.搜索框距离左右两...
分类:
其他好文 时间:
2015-08-25 12:51:02
阅读次数:
134
2015-6-291.设置屏幕宽度为设备宽度,禁止用户手动调整缩放 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 max...
分类:
Web程序 时间:
2015-08-19 19:16:03
阅读次数:
123
/** * 设置图片根据屏幕宽度进行等比例缩放 * @param imageView */ public static void setImageMatchScreenWidth(ImageView imageView){ BitmapDrawable bitmapDrawable =...
分类:
移动开发 时间:
2015-08-19 10:43:18
阅读次数:
142
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达...
分类:
Web程序 时间:
2015-08-19 08:11:14
阅读次数:
172
原文链接:http://www.codeceo.com/article/android-zoom-image.html
ImageView有scaleType属性可以缩放图片,让图片铺满屏幕宽度,但是会出现压缩或裁剪的情况。
ImageView的scaleType的属性分别是matrix(默认)、center、centerCrop、centerInside、fitCenter、fitE...
分类:
移动开发 时间:
2015-08-18 01:19:07
阅读次数:
178