此js一般用于控制图片铺满盒子,但是比例不变,并且绝对局中
原理:判断图片的高宽与盒子高宽的大小的关系,然后通过比例来控制图片的缩放及定位
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> #img{ width:600px; height:400px; position:relative; overflow:hidden;
js控制图片自动缩放,实现铺满盒子,不变形,完全局中
最新推荐文章于 2023-08-23 11:45:25 发布