事情的起因是 同事上传一个很宽的table文件，因为手机屏幕宽度有限，因此要求 用户可以水平滚动页面，这样table的内容通过滚动就可以实现啦。 当时感觉很简单 给table外面的容器加个overflow:auto;就可以了呗； 然而，，，安卓是没问题的，ios却不行，死活滚动不了。 于是想到用io ...
分类：
其他好文 时间：
2016-07-07 12:38:41
阅读次数：
348
1、普通导航：class .nav-tabs。 2、胶囊式导航： class .nav-pills 。 3、垂直胶囊式导航：class .nav-stacked.nav-pills 。 4、两端对齐的导航：在屏幕宽度大于 768px 时，通过在分别使用 .nav、.nav-tabs 或 .nav、. ...
分类：
其他好文 时间：
2016-07-06 10:08:47
阅读次数：
134
PC端 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | 14.1寸、15.0寸 ...
分类：
其他好文 时间：
2016-07-02 15:57:01
阅读次数：
205
html5移动页面自适应屏幕宽度 1.使用meta标签，在头部加入下面代码 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user- ...
分类：
移动开发 时间：
2016-06-22 23:19:27
阅读次数：
244
这两天学的是自适应，代码有点乱。而且这几天忙着写实习报告，也没有时间去整理。 但是，这下面代码吧，是可以获取html的font-size值的，然后用来设置相对单位rem的从而达到自适应效果的；看到红色的width了吧，把它改成你屏幕宽度就好，比如我的是1920px；那么这样算出来html{font- ...
分类：
Web程序 时间：
2016-06-21 23:58:17
阅读次数：
239
#ifndef MacroDefinition_h #define MacroDefinition_h // 获取设备大小 //NavBar高度#define NavigationBar_HEIGHT 44 //获取屏幕 宽度、高度#define SCREEN_WIDTH ([UIScreen ma ...
分类：
移动开发 时间：
2016-06-20 18:40:59
阅读次数：
247
适配方法： 1.固定高度，宽度自适应。 2.固定宽度，viewport缩放。（需要根据屏幕宽度动态生成viewport） 3.用rem做宽度和高度。（也是根据屏幕动态生成）。这样可以让页面在不同的移动端 都呈现一样的效果。 如何实现响应式布局 一、@media媒体查询 <meta name=”vie ...
分类：
移动开发 时间：
2016-06-17 21:01:56
阅读次数：
166
都知道，苹果自带tableView分割线不是整个屏幕宽度的。很多时候，需求让分割线等于屏幕宽度，就需要进行一些设置。 一、storyboard中： 对静态tableView的设置，选中tableView，在右侧会有下面的选项。 图中红色部分，就是设置分割线的左右间距。但是很遗憾，当left为0时，与 ...
分类：
其他好文 时间：
2016-06-12 21:52:19
阅读次数：
197
目前比较常用的方法有： 首先要让页面大小铺满屏幕又不能溢出。只需要在html<head>标签内加入viewport（如下），参数分别表示：页面宽度＝ 屏幕宽度，最大和最小伸缩比都是1，不允许用户拉缩。 <meta name="viewport" content="maximum-scale=1.0, ...
分类：
移动开发 时间：
2016-06-06 23:50:00
阅读次数：
240
function a(){"屏幕宽高为："+screen.width+"*"+screen.height；}其它：网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.of ...
分类：
移动开发 时间：
2016-06-04 23:41:33
阅读次数：
357
