最近在PHP中文网学习时候碰到一个新的单词 ,从来没有见过 搞得我一脸焖逼。通过查资料我了解了一下,下面分享给大家!
zoom 通俗的讲就是放大与缩小当前的元素,
下边来请在IE看实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .div1{ width: 200px;height: 200px;background-color: #ccc;margin: auto; } .div2{ width: 200px;height: 200px;background-color: #ccc;margin: auto; -ms-zoom: 0.5; } </style> </head> <body> <div class="div1">我么有用zoom 我是正常的 </div> <div class="div2">我用了zoom 设置的值为0.5 ,哈哈我缩小了</div> </body> </html>
点击 "运行实例" 按钮查看在线实例
这家伙主要是用来兼容IE的 webkit的浏览器具体那个能用我就不知道 你自己去测试吧
zoom他有这么几个值
normal 默认值
percentage 百分比不能为负值
number 浮点型不能为负值