縮放和居中的iFrame

我有這樣的：縮放和居中的iFrame

<div id="wrap"> 
    <iframe id="frame" src="https://www.webcamimageexample.com" allowfullscreen="" frameborder="0" scrolling="no" align="centre"> 
    </iframe>     
</div>

而這個CSS：

#frame { 
    -ms-zoom: 0.4; 
    -ms-transform-origin: 0 0; 
    -moz-transform: scale(0.4); 
    -moz-transform-origin: 0 0; 
    -o-transform: scale(0.4); 
    -o-transform-origin: 0 0; 
    -webkit-transform: scale(0.4); 
    -webkit-transform-origin: 0 0; 
}

所有完美的作品。但是對齊關閉。我希望圖片右移50px。我試圖改變-webkit-transform-origin: 0 0;但沒有任何運氣。

任何想法？感謝

來源

2016-03-02 user2720970

你讓周圍'ALIGN =「中心」一個錯字'，該屬性的正確值是'center'。 –

自動更正。我們喜歡用皇后英語..它是中心 – user2720970

你談論移動一個「形象」......什麼形象？你的意思是iframe？ – Ben

-webkit-transform-origin: top centre;

工作，改變了外包裝尺寸

來源

2016-03-03 04:30:01 user2720970

縮放和居中的iFrame

回答

相關問題