搜尋

首頁  >  問答  >  主體

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

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

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

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

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

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

ringa_leeringa_lee2784 天前1261

全部回覆(3)我來回復

  • PHPz

    PHPz2017-04-17 11:08:39

    <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/css/pr_dim_max-width.asp

    回覆
    0
  • 怪我咯

    怪我咯2017-04-17 11:08:39

    stylesheet.css 文件第 257 行設置了圖片的寬度,移除即可

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

    回覆
    0
  • 巴扎黑

    巴扎黑2017-04-17 11:08:39

    樓上正解
    但是如果想設置 原尺寸的多少倍 就有些複雜
    1. js 獲取
    2. php 函數獲取
    不過我想你要的不是這個
    不設置圖片的寬高,顯示的就是默認的原始尺寸。

    回覆
    0
  • 取消回覆