关键字: container(1170) container-fluid(0) row(margin-left/right: -15px) col-lg-x col-md-x col-sm-x col-xs-x (栅格系统,根据屏幕大小做自适应排版分布) thumbnail text-center ...
分类:
其他好文 时间:
2017-12-04 22:27:30
阅读次数:
182
微信小程序的像素大小使用rpx,rpx换算px屏幕宽度/750。 传统的自适应布局有几种: 响应式,根据屏幕大小配置多个样式文件。 使用em,rem.rem是页面的font-size尺寸,不同的页面设置不同的font-size。 使用百分比或者flex,铺满屏幕,高度字体还使用px. scale通过 ...
分类:
Web程序 时间:
2017-12-04 20:41:11
阅读次数:
210
1.为什么用rem 根据屏幕大小,自动调整大小 2.如何使用rem 分以下几步 a.用ps把设置稿弄成640px或者750px的(记得等比例缩放) b.调试时记得把浏览器默认最小字体设置为最小。手机端是支持12px以下的字体的 c.引入meta头 d.引入reset文件 ? 1 2 3 4 5 6 ...
分类:
移动开发 时间:
2017-11-29 16:13:01
阅读次数:
288
新装完Ubuntu 16.04 LTS 通过System settings-->Displays 设置屏幕分辨率 显示“Unknown display”,选择后无反应,并且屏幕大小不会改变,无法通过设置改变屏幕分辨率 经过搜索,发现可以使用xrandr命令调节分辨率,如下: 带*号的为当前分辨率, ...
分类:
系统相关 时间:
2017-11-07 23:55:42
阅读次数:
257
API: 要取得屏幕大小,可以用下面几个函数: 通过上边两个函数获取的是 显示屏幕的大小,但不包括任务栏等区域。 这两个函数获取的是真正屏幕的大小。MFC: ...
分类:
编程语言 时间:
2017-10-28 13:50:28
阅读次数:
298
1.rem 上述代码,便是屏幕适配的整个框架,可以适用手机,平板,电脑。 可以在其中写入自己的代码,以rem为单位(此代码1rem=20px); 有缩放效果,以px为单位,是绝对值,不会随着屏幕大小的改变,而改变; 以百分比为单位,注意将标签的所有父元素都已百分比为单位,同样有缩放效果; 2.从cs ...
分类:
移动开发 时间:
2017-09-30 13:30:23
阅读次数:
260
1.整体缩放 整体缩放可以用在营销活动页,营销活动可能因为设计美观需求必须使用背景图片而非背景色,因此需要考虑背景图适应屏幕大小。开发者可以用320像素的宽度作为基础宽度(高度可以固定),然后通过计算实际文档宽度来进行相应缩放。 使用整体缩放布局开发的项目在加载过程中需要监听resize事件,代码如 ...
分类:
移动开发 时间:
2017-09-26 23:37:56
阅读次数:
245
一般所熟知的css样式大小单位有px,em。 px:精确地描述元素大小,不随屏幕大小的变化而变化; em:相对于父元素的大小,如果有层层嵌套的话会导致这个值非常大或者非常小。 在写移动端页面的时候为了使页面能够适应多种尺寸的移动设备大小,通常会用rem来表示各个元素的大小。 rem:font siz ...
分类:
移动开发 时间:
2017-09-26 21:15:26
阅读次数:
316
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。然而,每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5 viewport的 ...
分类:
Web程序 时间:
2017-09-23 20:20:27
阅读次数:
269
如果是个背景图的话,定义一个div,高100%,宽100%,里面放个img<div class='bg'> <img src="images/bg.jpg" alt=""></div>html,body{overflow: hidden;}.bg{width: 100%;height: 100%;t ...
分类:
Web程序 时间:
2017-09-13 15:17:27
阅读次数:
156