开发者社区> 问答> 正文

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

a123456678 2016-03-25 14:29:49 1094

新手上路,刚刚才开始学习Web基础,如题,在html文件下的

里,插入一幅小图片,72*72的,我的代码如下:
`
Tuzki.gif
`
(我的网页在这里http://mitcc.github.io

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

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

分享到
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:14:19

    `
    Tuzki.gif
    `
    这样插入的图片,就是72x72像素的。width代表图片的宽度,height代表图片的高度。
    以后你在网页里面插入图片,可以加上这些元素,就可以控制图片的大小了。
    另外推荐 http://www.w3school.com.cn 可以去看看,里面很多网页方面的东西都有说明。

    关于按比例缩放

    / 控制图片比例缩放 /
    .img{max-width:600px;height:auto;}
    上面这段css,就是把网页里面的图片按照比例缩放,宽度不得超过600像素,超过的话就缩小到600,高度按照比例缩放。

    0 0
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章