html的<img>比例拉伸问题

div {

    width: 100px

    height: 100px

}

img {

    height: 100%

    width: 100%

    min-width: 247px

    min-height: 186px

}

用min-width 和min-height这两个属性 属性值等于你图片的像素大小就行

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<img>标签中，输入样式代码：style="position: absoluteleft: -200px"。

3、浏览器运行index.html页面，此时图片不拉伸并且只有右边一部分显示了出来。

可以设置cookie（可以加载一个cookie.min.js，使用起来非常方便）。就是当第一次进入页面的时候，先去读取该cookie，如果存在，说明之前已经做了更改，把cookie值稍作处理就可以完成初始化了（记得当初始化完成后删除该cookie），如果cookie不存在说明还没有做过更改。

---