探索 firefox 的放大原理 (二)

0 ~o~

firefox上周发的firefox 放大原理(一)吊足了胃口,今天我再放出第二弹,^_^ 听我慢慢讲来。
firefox 的放大原理 跟 ie的放大原理不尽相同,同样是放大功能,他们参照的放大基准不同。你可以尝试着对一些网站进行放大ctrl + 滚轮 或者Ctrl 和+ – 来放大缩小。
我也是通过实践得出的一些小结论,但不一定确切,就是 ie是基于像素px放大,而firefox 是基于行距em来放大。简单地说是,如果放大120%的话,阅览器会给css里所有的关于长宽相关的样式都乘以这个倍数,然后再显示出来。
如果你有ie 和firefox 两种阅览器的可以尝试对比一下。下面放大或者缩小的时候两个框就会体现出其兼容性。其中第一个例子是不兼容firfox放大功能的,而第二个是兼容放大。
如果你没有这两种阅览器,说明你可能不是web designer ,辛苦你了,愿意的话 去下一个玩玩,这感觉就像是发现新大陆。^_^

我是第一个例子,firefox不能对背景框放大和缩小
我是第二个例子,firefox可以对背景框放大和缩小,兼容性好

试过了请举手… 哦不 举脚…  噢  这里举不了,那回个贴 =.= (扯蛋@@)

相信查看过源代码的就会发现 要点。只要将宽度以及高度 定位em单位就实现了 em和px 的换算是这样的:当前div 的font-size 如果是12px 的话, 1em = 12px (ps:吐血,刚才用拼音打那公式 得出 1恶魔 = 10螃蟹,晕倒…) 。然后就发现问题,这样要300px换算成em 岂不是要除以12 ,那等于@!%¥¥#@…… 妈呀小数点,还不能整除。然后就使劲想办法,其实也挺简单,只要将当前font-size写成10px 就能整除了,当然你可以更爽快点,干脆改成1px,直接批改px成em就ok啦(妈呀,那字那么小还让不让人活啦)。所以呢,这个就要考虑到分层的合理性,要点就是:该写字的div上不要定 高宽, 这样就可以将font-size定为12px。
当然这样做会带来一系列的问题,要一一解决,并想出有效的方法。

又半夜了,下回再分析剩下出现的情况。

PS:研究CSS还是挺好玩的,虽然我挺讨厌这东西的,好多效果都要兼容ie 和firefox,整得头都大了

得,会见….

探索 firefox 的放大原理 (一)

0 ~o~

Page 4 of 41234

Who am I ?

飞鱼,男,浙江人士。
非专业前端设计师兼程序员。
目前在 淘宝-淘日本 工作

最新在啃

actionscript javascript

新鲜的肉

最新评论

  • zbk: 正在自学CSS+DIV,谢谢分享!
  • 叶子: 写文章很huang
  • 叶子: 童鞋,在淘宝上搞定阿,你也敢,牛死了~~~
  • seri: 好东西啊
  • 小豪: 嘎嘎

订阅-rss-永久链接

MT
备案号:浙ICP备09020026号