1、em与px的问题 px是何物? px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) PX特点 1 ...
分类:
其他好文 时间:
2017-05-09 16:56:03
阅读次数:
148
一 什么是rem? “font size of the root element 这是w3c的定义 也就是说是相对于根节点(html节点)的字体大小的单位。 目前主流的浏览器基本都支持rem这个单位,大部份的默认字体单位是16px。 图片摘自 http://caniuse.mojijs.com/Ho ...
分类:
移动开发 时间:
2017-05-03 19:10:38
阅读次数:
201
前端以产品为核心,以用户体验为基础。自然作为前段开发人员,做好用户体验,浏览器的兼容问题不可忽视,合理的布局自不必提。接下来列举几种常见的浏览器兼容问题及解决办法。 字体大小问题 FireFox浏览器的默认字体为13px;而IE浏览器默认为16px。 解决方法:指定字体大小,font-size:14 ...
分类:
其他好文 时间:
2017-04-28 20:28:49
阅读次数:
219
1:首先,下载我提供的压缩文件,解压"Win7中文界面梦幻桌面补丁",得到若干文件,这时可能需要管理员权限,详细的压缩包里有说明。 2: 然后在桌面上单击右键,可以发现右键里有了"播放DreamScene"但没有激活,是灰色的,此时找到一个mpg或者wmv格式的文件,然后右键,可以发现有"设为桌面背... ...
今天发现了rem有一个不适配的情况。 如果有用户把自己手机默认字体改为超大号的话,界面就变形了。 因为之前我们开发一直以320px为最小适配宽度的。 但是改为超大号字体后,rem还认为是320px的宽, 实际上我换算了一下,只有270px宽了,所以有一些浮动的布局会掉下来,或者是看不到, 用苹果手机 ...
分类:
移动开发 时间:
2017-03-15 00:35:37
阅读次数:
302
/* [CSS常用文本属性] * 1、字体、字号: font-weight:字体的粗细,可选属性值:bold加粗 lighter细体 100~900数值(400正常,700 bold) font-size:字体大小 **PX **%(浏览器默认字体大小的百分比,绝大部分默认16px) font-fa ...
分类:
Web程序 时间:
2017-03-12 21:22:09
阅读次数:
317
一、网页制作流程: ps:建议一边切图,一边写代码,一边测试兼容性。 二、从代码的稳定性角度,去考虑布局,则选择的先后顺序,如下: 三、字体、字号和行高的设置: 很多浏览器默认字体大小为16px,比如:火狐,谷歌。 字体颜色比较少用纯黑色,新浪+搜狐用的是#333,淘宝用的是#3c3c3c。 建议: ...
分类:
其他好文 时间:
2017-02-27 21:13:16
阅读次数:
233
1、em与px的问题 px是何物? px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册) PX特点 1 ...
分类:
其他好文 时间:
2017-02-16 11:13:10
阅读次数:
177