HTML、Css中插入图片的一些问题

比如某张图片的大小是1400*670，1400这个宽度早就超过我的宽了，如果我不给这个<img>加width属性的话，那么这个图片就会有多大就显示多大，超出盒子的宽度，比如这样：

最重要的是，一定不能给这个图片加一个固定的宽度，以求图片和盒子的宽度一致，因为不同的浏览器，显示的效果是不同的。
比如，我给这个图片设定一个宽度：
width:1223px;

这个宽度，在Safari中是OK的：

但是在Chrome中就嗝屁了：

那么要怎么办呢？

要这样设定宽度：
width: 100%;

嗯，完美！