NEWS

建站资讯

手机网站用什么字体,大小一般几像素?

新闻资讯编辑:【三行广州网站建设www.3gonet.com】 发布时间2014.7.22.浏览数:3381
手机网站用什么字体,手机网站字体大小 , 广州网站建设www.3gonet.com三行网络 为您详细介绍 - 请往下阅读》

手机网站用什么字体,手机网站字体大小

手机网站用什么字体,大小一般几像素?

手机网站制作——字体的控制,无外乎控制CSS文字大小单位PX、EM、PT。平时都是用px来定义字 体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为:    

1. IE无法调整那些使用px作为单位的字体大小;  

2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;  

3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。    

px像素(Pixel)是相对长度单位,像素px是相对于显示器屏幕分辨率而言的。


[广州网络公司www.3gonet.com ]提示: 字体单位使用em能支持IE6下的字体缩放,在页面中按ctrl+滚轮,字体以px为单位的网站没有反应。  


px是绝对单位,不支持IE的缩放。  

em是相对单位,网页中的文字能放大和缩小。将行距(line-height),和纵向高度的单位都用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有如下特点:  

1. em的值并不是固定的;  

2. em会继续父级元素的字体大小。  


所以我们在写CSS的时候,需要注意:  

1. body选择器中声明Font-size=62.5%;(Font-size=63%;用于ie6兼容)  

2. 将你的原来的px数值除以10,然后换上em作为单位;  

3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。    

也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继续#content的字体高而变为了1em=12px


本文由广州网站建设公司-三行网络原创,转载请保留版权( 广州网站建设www.3gonet.com三行网络——专注于企业网站建设、响应式营销型网站定制,欢迎来电咨询!热线:020-85628720 【微信:15989229398】

标签: 手机网站用什么字体,手机网站字体大小

上一篇:网站用国外服务器能不能备案    下一篇:做外贸去贸易公司好还是工厂好?

手机网站用什么字体,手机网站字体大小

微网站Webapp 三行网络专业订制开发微信网站制作,让微信公众账号实现微菜单、微活动、微会员、微商城等功能,打造炫丽的企业微网站!公众平台搭配"微网站",犹如虎添翼!在保留公众平台所有优势的前提下,提升展示形象,更好的与客户互动。