• HTML
  • CSS

[아이폰 전용] IFRAME을 불러왔을때 WIDTH 100% 안먹는 현상

2019-06-13 365

설명

  • 카카오톡 링크

아이폰 관련된 이슈입니다.
아이폰에서 IFRAME 을 불러왔을때 WIDTH:100% 가 안먹는 현상이 발견되고, 해결방법을 찾았습니다

소스실행 현황

소스보기( X표시가 나타나면 무시하셔도 됩니다! )

<style>
	iframe {width:100%}
	iframe.check {width: 1px;
        min-width: 100%;
        *width: 100%;}
</style>
<h3 class="view_h3">클래스 CHECK 를 안먹인 소스</h3>
<iframe frameborder="0" id="my-iframe-id" scrolling="no" src="/page/list/source/source_iframe.php" allowfullscreen="" ></iframe>


<h3 class="view_h3">클래스 CHECK 를 먹인 소스</h3>
<IFRAME frameborder="0" id="my-iframe-id" scrolling="no" src="/page/list/source/source_iframe.php" allowfullscreen="" class="check"></iframe>