ZKX's LAB

css控制图片不变形 css 图片大小控制

2020-07-22知识11

用css、如何让图片自动适应屏幕大小,不出现滚动条,不变形,兼容各个浏览器?急!!!各位大神帮帮忙 如果是个背景图的话,定义一个div,高100%,宽100%,里面放个imghtml,body{overflow:hidden;}bg{width:100%;height:100%;top:0;z-index:-1;position:absolute;}bg img{display:block;outline:none;border:0;height:100%;width:100%;}将建好的静态页命名为css.html,标题为了“css如何设置图片大小自适应” 在body中添加两个div,设置不能的宽度,并设class 为div1和div2,目的是用一样的css控制图片的宽度。图片标签()如何设置才能控制图片不变形 无标题文档sss{width:160px;height:200px;}sss img{width:160px;}html解决方案-限制宽度或高度,〈img src=pic.jpg width=200px〉或〈img src=pic.jpg height=200px〉解决方案-先判断高,过高则等于再判断宽,过宽则等于当然不能用css简单控制,如用c#编程,则用thumbnail,原理就是按比例缩放.

#css#css样式#数码#自适应

随机阅读

qrcode
访问手机版