媒體查詢不會影響對象

Question

我無法獲得媒體查詢來影響以下內容。 我需要svg對象更改為height：100％@media（max-width：767px）

<object type="image/svg+xml" data="img/5/image.svg"></object>

    <style type="text/css">
    body {
        overflow: hidden;
    }
    object {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: auto;
    }

</style>

Answer 1

我遇到了同樣的問題，我注意到在將object標記添加到頁面后，第一次加載時頁面解析出現了問題，我仍然沒有找到解釋，但是在此期間您可以使用以下標記代替object 。

使用<embed>標簽

 <embed type="image/svg+xml" src="image.svg"/>  

在<iframe>

 <iframe src="image.svg"/> 

使用<img>標簽

<img src="image.svg"/> 

使用CSS背景圖片

#myelement
{
    background-image: url(image.svg);
}

在這篇很棒的文章中可以找到在以前的標記中加載SVG優缺點： 如何將可伸縮矢量圖形添加到您的網頁上作者：Craig Buckler

快樂的編碼：）