Как масштабировать ссылку, которая открывается в iframe, до 50% от ее первоначальной ширины и высоты

Question

Итак, если вы посетите www.mymanchesteruniverse.co.uk, вы увидите iphone внизу страницы.

Значок музыки должен ссылаться на music.mymanchesteruniverse.co.uk.

Что мне нужно сделать, это изменить размер только этой ссылки, чтобы страница отображала нормальный размер, но уменьшалась до примерно 50% от ее обычной ширины и высоты при установке в iPhone iframe. (Пытаясь сделать его похожим на iPhone отформатированные страницы, что это такое, просто не вписывается прямо здесь)

код для кнопки/ссылка в этом Div

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

Если кто-то может помочь я меняю код (и заменяю его «scale = 50», поскольку это не сработало) Вся команда в MyManchesterUniverse была бы очень благодарна.

Приветствия, Ник

www.NickGarofalo.com

Answer 1

Вы можете быть в состоянии использовать CSS Увеличить свойство - поддерживается в IE 5.5+, Opera и Safari 4, и Chrome (подтверждено, перед тем downvoting). Firefox - единственный крупный браузер , который не поддерживает Zoom (здесь пункт bugzilla), но вы можете использовать «проприетарный» -moz-transform в Firefox 3.5.

#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.0 на вашей демонстрационной странице.

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