各自的定义 : rem: rem字尺寸单位交根据页面上的根元素(一般指html元素)的字体大小而计算 出实际的字体大小。 em : em单位根据元素的父元素的字体大小而计算出实际的字体大小,这个将会当元素从一个父元素移动到另一个父元素中时很可能使元素的实际字体大小产生变化。 px : px就是字体大 ...
分类:
其他好文 时间:
2016-11-12 16:09:31
阅读次数:
117
PX px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 PX特点 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用 ...
分类:
Web程序 时间:
2016-11-10 09:49:11
阅读次数:
176
常见的浏览器兼容性问题大汇总 1 ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:display:inline;2 ie6.0下默认有行高解决方法:overflow:hidden;或font-size:0;或line-height:xx px;3 在各个浏览 ...
分类:
其他好文 时间:
2016-11-09 22:38:45
阅读次数:
224
dip:deviceindependentpixels(设备独立像素).不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA推荐使用这个,不依赖像素。dp:和dip相同。px:pixels(像素),一个像素通常被视为图像的最小的完整采样,不同设备显示效果相同,一般我们HVGA代表320..
分类:
移动开发 时间:
2016-11-09 15:56:38
阅读次数:
270
vw,vh单位在移动端浏览器不兼容,在网上找半天也没找到什么官方的解决方法;我就试了一下在使用到vh的单位之前添加一个用px定义的样式; 如: 当浏览器不是别100vw单位的时候 就会赋给px单位的样式; ...
分类:
Web程序 时间:
2016-11-07 16:04:27
阅读次数:
562
在我们日常的项目中经常会用到不同的字体来达到我们想要的效果,可是某些情况下不同字体的大小在相同的px下显示的大小是不同的 在火狐下的显示效果如下 可以看到同样是16px的字体显示到浏览器中缺大小不一,可能会是原来安排好的页面布局产生混乱,这是最令人难过的事情了。那么: 给每个css中添加了不同的fo ...
分类:
Web程序 时间:
2016-11-07 00:55:11
阅读次数:
236
一、css样式 字体样式: 1.font-famliy:字体类型 可以设多个类型用“,”隔开, 应用是先从第一个应用 ,如果该文字没有该字体,就应用第二个字 体依次类推。 2.font-size:字体大小 单位:px :根据屏幕分辨率计算单位 em :相对单位,相对于当前文字的大小计算 3.font ...
分类:
Web程序 时间:
2016-11-05 22:43:06
阅读次数:
244
做移动端项目发现最大的问题是适配问题,总结一下比较好用的适配方法: 首先:丢掉px吧,使用rem,浏览器的默认字体高都是16px因为100%=16px,1px=6.25%,所以10px=62.5%, rem是只相对于根元素htm的font-size,即只需要设置根元素html的font-size,其 ...
分类:
移动开发 时间:
2016-11-05 14:43:43
阅读次数:
226
在body内写div head内增加样式 增加样式<style type="text/css"> 外界边框都设置为0 *{marrgin:0 px auto;padding:0px}px 先写最外层div,然后在拆,一层一层写 text-align:center;是水平对齐居中的意思 vertica ...
分类:
其他好文 时间:
2016-11-03 23:21:59
阅读次数:
381