如何让html里图片显示原尺寸大小?

新手上路,刚刚才开始学习Web基础,如题,在html文件下的里,插入一幅小图片,72*72的,我的代码如下:

<img src="images/Tuzki.gif"/>

(我的网页在这里http://mitcc.github.io

为什么图片确是填满了整个屏幕……怎么设置为默认尺寸?顺路问下一般情况下图片格式怎么按比例设为原尺寸的多少倍?

感觉问题挺基础的,Google、Stackoverflow都没有找到解决办法,高手手下留情啊

已邀请:
<img src="images/Tuzki.gif" width="72" height="72" />


这样插入的图片,就是72x72像素的。width代表图片的宽度,height代表图片的高度。

以后你在网页里面插入图片,可以加上这些元素,就可以控制图片的大小了。

另外推荐 http://www.w3school.com.cn 可以去看看,里面很多网页方面的东西都有说明。



关于按比例缩放



/* 控制图片比例缩放 */
.img{max-width:600px;height:auto;}


上面这段css,就是把网页里面的图片按照比例缩放,宽度不得超过600像素,超过的话就缩小到600,高度按照比例缩放。



max-width属性的详细介绍
http://www.w3school.com.cn/css/pr_dim_max-width.asp

huanghank

赞同来自: shilongyan bb32601229

stylesheet.css 文件第 257 行设置了图片的宽度,移除即可



img {
width: 100%; /* 移除这行 */
max-width: 100%;
}

qishiwotinghao

赞同来自: duzhenggis

楼上正解

但是如果想设置 原尺寸的多少倍 就有些复杂

1. js 获取

2. php 函数获取

不过我想你要的不是这个

不设置图片的宽高,显示的就是默认的原始尺寸。

要回复问题请先登录注册