728x90
html 전체적으로 작아지게 설정 방법 웹이랑 모바일에서화면이 줄어들면 이미지가 짤려서 쭐어드는게 아닌 이미지 자체가 전체적으로 웹이랑 모바일에서화면이 줄어들면 이미지가 짤려서 쭐어드는게 아닌 이미지 자체가 전체적으로 작아지게 설정 방법 좀 알려주세요ㅜㅜ
아이프레임은 모바일에서 정상적인 방법으로 높이(height)값 송출이 불가능합니다.
모바일은 가로 세로값이 기기마다 다르니까 무조건 100% 라는 값을 넣어줘야해요.
여기서 height=100%이 사실상 구현이 안된다는 얘깁니다.
유튜브는 보통 아이프레임으로 움직이는데 그래서 아이프레임을 100%로 쓰는 코드가 이겁니다.
<style> .iframe-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} .iframe-container iframe{position: absolute;top:0;left:0;width:100%;height:100%;} </style> <div class="iframe-container" style="text-align: center; " align="center"> <iframe src="주소"></iframe> </div>
728x90