2

iframe を介して画像を読み込んでおり、ズームと自動スクロールのデフォルトのスタイリングを削除しました。現在、画像のサイズが 1024*768 の場合 (Windows のサンプル画像から画像を取得する場合)、IE と Chrome で画像を表示する際に問題に直面しており、200*100 の小さいサイズの画像では問題なく動作しています。問題は、画像の一部しか表示されないことです。それはクロムのズームの問題だと思います。この問題に対抗するために私を助けてください。

私がIFrame用に行ったコードは 

<div class="dataGroup inline-inputs" >  
<label for="_erCurrentLogo">Current Logo:</label>
<iframe id="imgLogo"  frameborder="0" width="100%" height="100%" scrolling="no"></iframe>
<a id="deleteEmployerLogo" href="javascript:void(0)" onClick="deleteLogo();return false">delete</a> 
</div>

Chrome と IE での写真の問題 Chrome と IE での写真の問題

4

1 に答える 1

1

これはあなたの問題に対する私の提案です。

iframe にwidthandを設定したと思います。height（以下は私が使用したサンプルコードです）

#imgLogo  
{   
    width:200px;  
    height:100px;  
}

参照ページ の画像にも同じものを使用しheightます。widthiframe

img  
{   
    width:200px;  
    height:100px;  
}

あなたがしなければならない唯一のことはimage、iframe 高さと幅を同じにすることです。

サンプル

于 2013-01-29T05:37:50.640 に答える