问
css - 如何让html里图片显示原尺寸大小？
双子宝贝鱼 发布于 2022-11-06 17:24新手上路，刚刚才开始学习Web基础，如题，在html文件下的
里，插入一幅小图片，72*72的，我的代码如下：
（我的网页在这里http://mitcc.github.io）
为什么图片确是填满了整个屏幕……怎么设置为默认尺寸？顺路问下一般情况下图片格式怎么按比例设为原尺寸的多少倍？
感觉问题挺基础的，Google、Stackoverflow都没有找到解决办法，高手手下留情啊
3 个回答
-
楼上正解
但是如果想设置 原尺寸的多少倍 就有些复杂
1. js 获取
2. php 函数获取
不过我想你要的不是这个
不设置图片的宽高，显示的就是默认的原始尺寸。2022-11-12 01:56 回答
手机用户2502930417 -
stylesheet.css 文件第 257 行设置了图片的宽度，移除即可
img { width: 100%; /* 移除这行 */ max-width: 100%; }2022-11-12 01:56 回答
Andiry舍甫琴科 -
<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.asp2022-11-12 01:56 回答
鱼儿玩玩
撰写答案
今天，你开发时遇到什么问题呢？
立即提问
京公网安备 11010802041100号