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

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

0 голосов
/ 05 декабря 2010

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

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

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

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

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

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

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

www.NickGarofalo.com

1 Ответ

2 голосов
/ 05 декабря 2010

Возможно, вы сможете использовать CSS Zoom свойство - поддерживается в 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.6 на вашей демонстрационной странице.

Как я могу масштабировать всю веб-страницу с помощью CSS? Как я могу масштабировать содержимое iframe?

...