文章/答案/技术大牛

发布

社区首页 >问答首页 >无法调整img Internet Explorer的大小

问无法调整img Internet Explorer的大小
EN

Stack Overflow用户

提问于 2013-12-10 18:44:17

回答 1查看 64关注 0票数 1

我运行一个网站，我最近发表了一篇文章，这是完全可以在Chrome和FireFox，但有一些问题的Internet。

被定罪的页面是这一个。

为了简单起见，我在这里分享代码的一部分：

<figure class="appFigureElement" id="airDroidFigure">
    <a href="https://play.google.com/store/apps/details?id=com.sand.airdroid&hl=en"><img id="airDroidPicture" class="imageApps" alt="airDroid" src="path to image"/></a>
    <figcaption id="airDroidCaption">
        <p> blablabla </p>
    </figcaption>
</figure>


.imageApps
{
    width: 75px;
    height: 75px;
    float: left;
    padding-right: 10px;
}


.appFigureElement
{
    padding-bottom: 25px;   
}


function setFigureHeight(figure, picture, caption)
{
    var figureEl = jQuery("#" + figure);
    var pictureEl = jQuery("#" + picture);
    var captionEl = jQuery("#" + caption);

    if(pictureEl.outerHeight(true) > captionEl.outerHeight(true))
        figureEl.height(pictureEl.outerHeight(true));
    else
    {
        figureEl.height(captionEl.outerHeight(true));
        var mrgBott = captionEl.outerHeight(true) - pictureEl.outerHeight(true) + 15;
        pictureEl.css("margin-bottom", mrgBott+"px");
    }



}

基本上，在onLoad事件中，我运行js函数，该函数根据CSS对每个'tile‘(图元素)进行格式化。

问题是，在IE中，CSS就像是缺少的，因为图片非常大，不管我如何调整它们的大小( html中的css，img外部的图形等等)，我总是能得到巨大的图像，而在Chrome和FF中都是很好的。

你有什么建议吗？

Ps网站是用WordPress开发的

css

html

internet-explorer

height

width

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-12-10 18:56:36

在您的style.css中，有一条规则：

.ie #content img, .ie #comments img, .ie .sidebar img {
    height: auto;
}

那是你的罪魁祸首。

为了进一步解释，这条规则是在您的规则使其覆盖正在调整图像大小的.imageApps类之后编写的。因为它只应用于IE，所以在其他浏览器中看不到这个问题。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20502740

复制

相似问题

问无法调整img Internet Explorer的大小
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法调整img Internet Explorer的大小EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法调整img Internet Explorer的大小
EN