Iframe에서 열리는 링크의 크기를 원본 너비와 높이의 50 %로 조정하는 방법

www.mymanchesteruniverse.co.uk을 방문하면 페이지 하단에 아이폰이 표시됩니다.Iframe에서 열리는 링크의 크기를 원본 너비와 높이의 50 %로 조정하는 방법

음악 아이콘은 music.mymanchesteruniverse.co.uk에 연결해야합니다.

내가해야 할 일은이 링크 만 크기를 조정하여 페이지가 정상 크기로 보이고 iPhone iframe에 꼭 맞으면 서 일반 너비와 높이의 약 50 %로 축소되도록하는 것입니다. 사람이 도움을 줄 수있는 경우이

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

을 div에에

버튼의 코드를 (그냥 바로 여기 피팅하지, 그것이 아이폰 형식의 페이지처럼 보이게하려고)/링크입니다 코드를 수정하고 (작동하지 않는 'scale = 50'을 대체하십시오.) MyManchesterUniverse의 전체 팀은 매우 감사하게 생각합니다.

건배, 닉

www.NickGarofalo.com

출처

2010-12-05 nick

당신은 CSS 확대 속성을 사용할 수 있습니다 - IE에서 지원 5.5 이상, 오페라, 사파리 4, 크롬 (verifed, 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?

출처

2010-12-05 19:04:45 Blowsie

아니고 내가 그 창에서 열려 링크 ... 그냥 하나의 링크와 내가 해당 페이지의 코드를 편집 할 수 없습니다 모든 그러나 나는 iframe에있다 내에서 일부 마크 업을 추가 할 수있는 범위 내에서 ... – nick

스케일링이 다른 iframe 링크에도 적용되고 있다는 뜻입니까? – Blowsie

# iframeid CSS를 설정하면 해당 iframe 내에서 열리는 모든 링크의 크기가 조정됩니다 ... 맞습니까? 난 단지 하나의 페이지가 iframe에서 크기가 조정될 필요가있다 – nick

Iframe에서 열리는 링크의 크기를 원본 너비와 높이의 50 %로 조정하는 방법

답변

관련 문제