一、简单的布局页面，直接通过meta标签和百分比实现；二、较为复杂的页面1.分辨率Resolution适配：js计算不同屏幕宽度。html元素宽高比和字体大小，元素之间的距离自适应，使用rem单位。通过计算屏幕不同的宽度来设置大小，从而计算rem，达到自适应；2.媒体查询：media query（ ...
分类：
移动开发 时间：
2016-01-06 01:30:37
阅读次数：
2413
UIStatusBar就是应用最上方显示电池和时间信息的状态栏，宽度与屏幕宽度相等，高度为20.对它的显示控制分两种情况，一种是程序启动时，另一种是程序运行的时候。 1.程序启动时。 在Info.plist 中将Status bar is initially hidden(UIStatusBarHi...
分类：
移动开发 时间：
2015-12-31 21:03:55
阅读次数：
265
最近新学了一个方法box-sizing:border-box，可以忽略margin,padding,border等所要占的位置，比如，你在做响应式网页时，当你所做的网页宽度是符合当前电脑屏幕宽度时，但是如果你某处有个input框，此时你需要将Input框里的文字向右平移.3rem，此时在电脑屏幕时....
分类：
其他好文 时间：
2015-12-21 23:30:46
阅读次数：
139
//设置 防止图片太大超出屏幕 tv_web_danGe.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);不知道为什么，这句代码失效了，所以我就在html文本前面加了个样式，这个10...
分类：
移动开发 时间：
2015-12-21 17:59:52
阅读次数：
270
1、(宽度自适应)：在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。2、(字...
分类：
Web程序 时间：
2015-12-19 13:38:51
阅读次数：
158
因为分辨率不一样，所以不能用px；因为屏幕宽度不一样，所以要小心的用dp，那么我们可不可以用另外一种方法来统一单位，不管分辨率是多大，屏幕宽度用一个固定的值的单位来统计呢？答案是：当然可以。我们假设手机屏幕的宽度都是320某单位，那么我们将一个屏幕宽度的总像素数平均分成320份，每一份对应具体的像素...
分类：
其他好文 时间：
2015-12-09 18:51:05
阅读次数：
150
场景： 需要做出来的效果差不多如标题所述，即如果屏幕宽度为720，而图片的宽度只有150，现在需要从中间开始，往两边移动该图片，我们现在以往右边移动为例，如果往右移动了150，此时绘制了一整个完整图形，继续移动，此时不仅要从中间绘制出新的图形，已经绘制的完整图形也得向右移动。进而达到动画的效果。分....
分类：
其他好文 时间：
2015-12-02 14:38:57
阅读次数：
157
不同设备设计顺序优先级1、用户人群占主导，客户使用设备占有比大的人群优先。2、客户使用设备占比平均的情况下，从大屏做到小屏，做减法比做加法容易。网页的宽度默认等于屏幕宽度。原始的缩放比例initial-scale=1Media的属性。All：所有的媒体类型Screen：电脑显示器Handheld便携...
分类：
其他好文 时间：
2015-11-30 20:20:28
阅读次数：
134
一. 布局 横向一列或两列,字体大,图像大二. 响应式布局: 浏览器根据css样式设定的不同的分辨率,自动地调整页面效果; 它是CSS3的功能,关键字为media query(媒体查询)三. 常见的四种分辨率 1. 超大屏幕(高清分辨率) 屏幕宽度1200p...
分类：
移动开发 时间：
2015-11-29 21:08:17
阅读次数：
234
