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;
}