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

有如下代码：

<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. 说起这个，一时吐槽，不小心就 👿

评论已关闭。