A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

css计量单位中的30%(百分比)、em(相对单位)两个具体怎么用的?

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

6 个回复

倒序浏览
一般都是用% 和px比较多。em不算很了解

比如每个电脑的屏幕分辨率都可能不一样,你做的网页却希望它在所有电脑上看到的都是全屏的效果
可以通过设定body的样式 body{width:100%} 来实现
一般网页的开发都是设定body{980px;margin:0px auto} 的样式设定网页的大小固定为980像素并让它居中到屏幕的中间

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
补充楼上  em用法的简单举例  如果想段前缩进两个字符: text-indent: 2em

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
补充一下em,任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行.
em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小.
比如
<div style="font-size=12px">
    <span style="fontsize=2em">这里的字是24px</span>
</div>
如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的.

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
张云静 发表于 2012-4-6 14:32
补充一下em,任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px ...

很详细啊  受教了   
回复 使用道具 举报
何智杰 发表于 2012-4-4 23:03
一般都是用% 和px比较多。em不算很了解

比如每个电脑的屏幕分辨率都可能不一样,你做的网页却希望它在所有 ...

了解了,谢谢!{:3_64:}
回复 使用道具 举报
张云静 发表于 2012-4-6 14:32
补充一下em,任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px ...

很具体啊!多谢赐教!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马