1. css 中给的宽度是70%,怎么等比例放置6张图片
70/6，每张图片宽度为11%，高度设置为自动auto就行了，就是等比例
2. CSS强制图片大小 CSS图片大小如何自动缩放
需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建一个html文件，例如：index.html。
3. CSS3如何固定图片宽度使图片高度按图片比例自适应
使用img标签，给它的width属性设定一个绝对数量值，其高度就会自动按照width的值进行缩放了。
如：
<img alt="" src="imgs/图片.jpg" width="1000" />
4. css中图片大小怎么设置
方法一：通过 style="width:180px;height:100px"
<img src="" style="width:180px;height:100px"/>
方法二：通过调用样式
<style type="text/css">
.srcImg{width:180px;height:100px;}
</style>
<img src="" class="srcImg"/>
5. css中如何调整插入背景图片的大小
可以通过cover和contain来对图片进行伸缩。
语法：
background-size:auto;/* 默认值，不改变背景图片的高度和宽度 */
background-size:100px 50px;/* 第一个值为宽，第二个值为高，当设置一个值时，将其作为图片宽度来等比缩放 */
background-size:10%;/* 0％~100％之间的任何值，将背景图片宽高按百分比显示，当设置一个值的时候同也将其作为图片宽度来等比缩放 */
background-size:cover;/* 将背景图片等比缩放填满整个容器 */
background-size:contain;/* 将背景图片等比缩放至某一边紧贴容器边缘 */
(5)css怎么填图片比例扩展阅读：
CSS背景图片自适应、全屏、填充、拉伸
方法一：js控制
<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
<div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
</script>
方法二：全浏览器兼容
.bg{
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}
6. CSS3如何固定图片宽度使图片高度按图片比例自适应
动作面版,新建一个动作,名称和快捷键先好后"记录"---图像->图像大小,把高度改成你想要的尺寸,下面的约束比例勾上,确定,回到动作面版,点击右下脚的"停止播放/记录",这样你就有一个动作了!
不过还有一个更方便的方法,就是用acdsee,在缩略图的模式下,选中图片,"工具"->"图像大小"
7. 利用css实现图片等比例缩放
随着智能手机的增多，手机网站也可以做的更加个性化，最近在改版自己的手机网站
这其中，遇到了网站图片尺寸问题，手机屏幕都比较小，怎么让上传的规则不一的图片在手机上显示的更加美观呢？
那就利用css的强大功能吧。
先附上代码：
img
{
max-width:500px;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth
>
500)?”500px”:”auto”}
);
}
解析下其中的几个数字吧。
这里规定了最大尺寸是宽500px，超过500px
则自动等比例缩小到500px
上面这段代码可能在某些浏览器下效果不好，比如存在高度不自动缩放等问题
那么可以试试下面的代码
我们再附上一段代码，对全局都是有效，如果是针对正文内容，在img前加个限制
比如我下面写的，否则可能导致logo等图片变形
.context
img{
max-width:500px;
//IE7、FF等其他非IE浏览器下最大宽度为500px;
width:500px;
//所有浏览器中图片的大小为500px;
width:expression(document.body.clientWidth>300?”300px”:”auto”);
//当图片大小大于500px，自动缩小为500px;
overflow:hidden;
}
8. css中怎么设置图片的大小
img{
widht:200px;
height:200px;
}