关于图片宽高 – 如果爱,请深爱

有如下代码:

<img src="http://placehold.it/300" height="" />

其在 IE 下的解析将会是:

图片有height属性但无值在IE下的解析结果

可以看到,写了 height 属性,但没写值时,IE 下会把其当作 1,而 Chrome 等则会忽视该属性,从而导致了 Chrome 等下是原图大小,而 IE 下则看不到图片。

如果爱,请深爱;如果写,请不空。

P.S. 像这种情况,可能极少遇到,但种种原因,我遇到了,故记录之。

12条评论

  1. 哈哈,还是写好比较好,但是感觉现在不好统一分辨率神马的~~~ 😕

    1. 刚好相反的意见,我觉得图片一般标定宽高好,要不会在一开始图片没占位,等到拉到下面的时候图片出来了页面又滚回去

      1. 这要看具体的使用了,如果是图片站当然是,一般偶尔才有几张图片的就无需了。

      1. 去年发现,我们学校的网站,用ie外的浏览器连成绩都查不到,进不去。。。。
        ie的不标准已经成为很多网站的标准了。。

        1. 虽然对这种情况很不爽,但表示可以理解,尽管不接受 😈

          之所以会这样是因为在学校、事业单位等机构中,大多数的电脑都是 ghost 来的 xp,浏览器都是默认的 ie6,即便是教计算机相关教程的老师对浏览器也没什么了解,所以,对于这些机构来说,只要 ie 或者说 ie6 正常即可。

          再加上内部网站,访问量少,访问操作也大多只是一些浏览性的,设计人员和实现人员也不是熟悉前端方面的,或者说只是一些熟悉 jsp 的后台工作者来实现的,无体验这个词。

          另一方面,前端方面作为一种职位在国内也是近几年的事情。学校等内部网站不像 QQ 等软件产品一年一版甚至几版,而通常是几年一版,而改版也常是在原有的结构上做功能性的增加,难以有太多的改善。

          最终就是我们所看到的结果了。

          1. 发现好多学校的网站基本没管访问者的浏览体验,进网站去找个东西半天都找不到。
            另外:好长,好长。。。。。。

            1. 说起这个,一时吐槽,不小心就 👿

评论已关闭。