Iframeで開いているリンクを元の幅と高さの50％に合わせる方法

Question

www.mymanchesteruniverse.co.ukにアクセスすると、ページの下部にiphoneが表示されます。

音楽アイコンはmusic.mymanchesteruniverse.co.ukにリンクする必要があります。

私はこのリンクをリサイズするだけで、ページは通常のサイズを示していますが、iPhoneのiframeに完全にフィットしながら通常の幅と高さの約50％に縮小されています。誰が助けることができるならば、これは

<div id="apDiv4" onclick="window.open('http://music.mymanchesteruniverse.co.uk', '_self', 'scale=50')"></div>

をDIVに

ボタンのコードを（それはちょうどここに当てはめていない、それがiPhoneでフォーマットページ、のように見えるようにしよう）/リンクです私はコードを変更します（そして、私の 'スケール= 50'を置き換えます）。MyManchesterUniverseの全チームはとても感謝しています。

乾杯、 ニック

www.NickGarofalo.com

Answer 1

あなたはCSSズーム プロパティを使用することができるかもしれない - IEでサポートされている5.5以降、 オペラ、とSafari 4、およびChromeを （verilified、 downvotingの前に確認してください）。 Firefoxは のメジャーブラウザしかサポートしていません。 ズーム（ここのbugzillaアイテム）ですが、 はFirefox 3.5で「専用」の -moz-transformプロパティを使用できます。

#iframeid { 
    zoom: 0.75; 
    -moz-transform: scale(0.75); 
    -moz-transform-origin: 0 0; 
    -o-transform: scale(0.75); 
    -o-transform-origin: 0 0; 
    -webkit-transform: scale(0.75); 
    -webkit-transform-origin: 0 0; 
} 

私はこの記事ではこれらの答えを使用していました。そして、あなたのデモページでfirefox 3.6で動作することを確認しました。

How can I scale an entire web page with CSS? How can I scale the content of an iframe?