2016-04-26 136 views
0

我正在使用window.open()打開一個新窗口。新窗口顯示一個視頻。問題是,當用戶更改父窗口的縮放級別時,子窗口會繼承相同的縮放級別,並且視頻在新窗口中未正確顯示。反正有限制新窗口使用相同的縮放級別。更改子窗口的縮放級別

夫婦的方法我試過(和沒有工作):

  1. 我試着用body.style.zoom = '100%'設置縮放級別,但它不是跨瀏覽器的支持,它需要什麼是瀏覽器設置縮放級別爲100%。因此,如果用戶將瀏覽器縮放級別設置爲200%,則此代碼只會將縮放級別設置爲200%,並且實際上什麼也不做。
  2. 我試過CSS轉換屬性,但它也失敗了,原因與上面提到的相同的原因。

您會推薦任何其他解決方案嗎?

+0

我剛剛運行了'window.open('about:blank')。document.body.textContent ='Zoomit''並在此處更改縮放並不會影響新選項卡,反之亦然。 – Malk

回答

0

基本上所有瀏覽器都無法禁用或更改縮放。其他的事情你可以嘗試:

  • 您可以將video元素設置爲width: 100%; height: 100%。視頻和播放器不會縮放,但文字會。
  • 如果您可以使用較新的CSS技術,則可以使用基於視口的尺寸;請參閱https://css-tricks.com/viewport-sized-typography/