移动web适配利器-rem 前言 提到rem,大家首先会想到的是em,px,pt这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦。 兼容性 先看看兼容性,关于移动端 ios:6.1系统以上都支持 android ...
分类:
移动开发 时间:
2018-03-01 13:25:40
阅读次数:
258
首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置html的font-size,一切都比较完美。 这时候,你自信满满的将h5地址交给了APP工程师,做了一个WEBVIEW嵌套,然后就顺利交工了。 测试组在一堆手机中测试 ...
分类:
移动开发 时间:
2018-02-21 19:01:49
阅读次数:
831
PX: PX实际上就是像素,用PX设置字体大小时,比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,如果改变了浏览器的缩放,这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说,就是一个大问题了。因此,这时就提出了使用“em”来定义Web ...
分类:
其他好文 时间:
2018-02-10 13:57:29
阅读次数:
136
目前在这里,你能看见 license server 问题 Python版本配置 添加另外版本的Python 设置字体大小 关于模版 安装好之后,第一个问题就是 license server 问题,这种情况百度都能解决。一般不更新Pycharm基本是不会重新激活了。现在我使用的是 https://je ...
分类:
其他好文 时间:
2018-01-27 11:19:58
阅读次数:
313
第二章学习笔记(1.19-1.22)像素Android支持的像素单位主要有px(像素)、in(英寸)、mm(毫米)、pt(磅,1/72英寸)、dp(与设备无关的显示单位)、dip(就是dp)、sp(用于设置字体大小),常用的是px、dp、sp三种。dp与物理设备无关吗,只与屏幕的尺寸有关。sp的原理 ...
分类:
其他好文 时间:
2018-01-22 23:08:42
阅读次数:
228
HTML页面: 1)border: 1px solid red; 画出div边距 2)overflow:hidden; 在父级加该属性可以防止浮动塌陷 3)font-size: 13px; 设置字体大小 4)body{ margin: 0px; padding: 0px; } //去除页面默认边距 ...
分类:
其他好文 时间:
2017-11-20 01:22:34
阅读次数:
208
var doc = window.document var docEl = doc.documentElement var tid function refreshRem () { var width = docEl.getBoundingClientRect().width if (width > ...
分类:
Web程序 时间:
2017-11-06 20:02:56
阅读次数:
282
一、用户调整浏览器字体大小,影响的是从浏览器打开的web页。 浏览器设置字体大小,影响浏览器打开的页面。通过js可控制用户修改字体大小,使页面不受影响。 二、用户修改手机字体设置大小,影响App里打开的web页面。 手机字体设置大小,影响App的页面。 Android的可以通过webview配置we ...
分类:
移动开发 时间:
2017-10-18 10:11:45
阅读次数:
206
第六篇 CSS样式,a标签的几个特殊属性、背景图、背景颜色的使用、文本内容的样式 ...
分类:
Web程序 时间:
2017-09-25 11:37:14
阅读次数:
196
浅谈设置字体大小 前言 如果设置字体用的是[UIFontsystemFontOfSize:20.0];这种方式 看一下文档会发现这里的后边的字体的参数单位是point即pt 那么如果是UI设计师给我们的标注也是pt为单位的话直接设置就好(有一个基准,别的机型做相应的增量处理),如果是给我们的标注是p ...
分类:
其他好文 时间:
2017-09-15 02:11:41
阅读次数:
132