<img src="images/pic.png" width="100" height="100" />
或者：
<img src="images/pic.png" style="width:100pxheight:100px" />
当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：
img {max-weight:100%}
这样图片会自动缩放到和其父容器等宽。
变量没什么问题的,你看看，这个s有没有值,是不是加载js时，还没到body那儿，也就计算不出客户端的宽度。以下是具体实现代码：
具体公式是：
var s = document.body.clientWidth
document.getElementById("body1").innerHTML=s
document.getElementById("body1").style.width="200px"
这个问题我自然想到过，所有时时都把S 是值显示出来了，S是有效的数字型的变量。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
#div {
width: 100px
height: 50px
border: 1px solid red
color: green
text-align: center
}
input {
width: 250px
}
</style>
<script>
function test() {
var a = document.getElementById('a')
var b = document.getElementById('b')
var div = document.getElementById('div')
div.style.width = a.value + 'px'
div.style.height = b.value + 'px'
}
</script>
</head>
<body>
<div>宽度（默认100px）：<input type="text" id="a" placeholder="输入想要的宽度，点击测试看效果" /></div>
<div>高度（默认50px）：<input type="text" id="b" placeholder="输入想要的高度，点击测试看效果" /></div>
<div><button onclick="test()">点击测试</button></div>
<div id="div">来改变我</div>
</body>
</html>
