모바일 대 데스크탑의 높이 차이

div 안에 iframe을 중첩하여 div의 높이를 고정하여 iframe의 높이를 고정하려고합니다. 데스크톱 브라우저에 표시되는 iframe의 양이 모바일 브라우저 (iOS의 사파리 및 Chrome)에 표시된 양과 다릅니다. 모바일 3em가 모바일 대 데스크탑의 높이 차이

바탕 화면

에 동일하지 3em를하는 것처럼 그것은 아래는의 사업부/iframe이 HTML :

<div name="iframe-div" style="height:3em; overflow:hidden; font-size:12px"> 
<iframe src="http://blog.mycitylives.com/2012/02/twn-links/" frameborder="0" scrolling="no" " width="90%" height="810px"> 
</iframe> 
</div>

그것은 위의 iframe이 SRC 링크에 표시되는 것.

출처

2012-11-09 Bob Hardy

'엠'단위는 글꼴 유형 및 글꼴 크기에 대한 'm'문자의 폭/높이를 말 그대로 나타냅니다. 그래서, 나는 모바일의 크기가 데스크톱보다 자연히 작을 것으로 기대합니다. iframe 페이지에 CSS가 충돌하여 충돌을 일으킬 수 있습니다.

대신 픽셀 또는 백분율을 사용해보십시오.

출처

2012-11-09 18:35:18

나는 px와 em을 사용하여 시도했다. 그것들은 모두 모바일과 데스크톱에서 서로 다른 높이가된다. 즉, 텍스트는 바탕 화면에서 잘리지 않지만 모바일에서는 그렇다. –

아 나는 이제 '오버플로가 있다고 생각한다. : 숨겨진 '귀하의 div 및 iframe에 스크롤. 위의 페이지 URL에서 다른 html 페이지로 코드를 삭제하면 div는 데스크톱에서도 iframe을 잘라냅니다. 정확히 무엇을 성취하려고합니까? –

div가 바탕 화면과 모바일에서 3 줄 뒤에 iframe을 잘라내기를 원합니다. 높이 단위에 관계없이 다른 곳에서 iframe을 자릅니다. –

모바일 대 데스크탑의 높이 차이

답변

관련 문제