css+javascript 图片自动同比例缩小并且实现垂直居中 -电脑资料

电脑资料时间：2019-01-01 我要投稿

【www.unjs.com - 电脑资料】

图片自动等比例缩小，其实如果不考虑ie6的话，用css就可以实现，设定img的max-width和max-height，而标签内不设定widht和height即可，

css+javascript 图片自动同比例缩小并且实现垂直居中

。

ie7已经支持max-width和max-height，这是为数不多的好消息之一。但是对于ie6及以前的版本，就只能用js来设置了。

在 ff 2.0/ ie6 / ie7 中测试通过。 opera 8.5 cn 垂直居中未通过，正在研究[貌似opera下如果只有图片行高会失效……]。希望大家来测试。

css+javascript 图片自动同比例缩小并且实现垂直居中 -电脑资料

<!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=gb2312" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="format-detection" content="telephone=no"> <title>图片自动等比例缩小且垂直居中</title> <!--[if lte IE 6]> <body> <p></p> <p></p> <p></p> <p></p> <script src="https://www.unjs.com/static/js/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> if((navigator.userAgent.match(/(phone|pad|pod|mobile|ios|android|BlackBerry|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|symbian|transcoder)/i))){ document.write('<script type="text/javascript" src="https://js.9136.com/cpt/cptm.js?'+RAND_STR+'" charset="utf-8"><\/script>'); } else { document.write('<script type="text/javascript" src="https://js.9136.com/cpt/cpt.js?'+RAND_STR+'" charset="utf-8"><\/script>'); } </script> </body> </html>
标准之路www.aa25.cn 提示：可以先修改部分代码后再运行

相关文章