혼자 쓰고 흘려보내기 아까운 쏘오오스.html

*개발 시작이 php라 스샷에는 php지만, html 입니다.

예제는 예제일 뿐 여러분의 마음대로 만드실 수 있습니다!

자기만의 대쉬보드를 만들어보세요~

<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>웹페이지 일부 보여주기</title>
<style>
  .frameClip {
    width: 100%;
    max-width: 470px;
    height: 80px;         /* 보여줄 높이 */
    margin: 20px auto;
    border-radius: 18px;
    overflow: hidden;      /* “자르기” 핵심 */
    border: 1px solid #e5e5e5;
    background: #fff;
  }


  .frameClip iframe {
    width: 1400px;         /* 원본이 더 넓게 렌더되도록 */
    height: 500px;         /* 원본 전체 높이 */
    border: 0;
    transform: scale(0.9) translate(-20px, -280px); /* 랜더링할 크기, 스크롤할 위치 */
    transform-origin: 0 0; /* 좌상단 기점 */


    /* 스크롤바 숨기고 싶으면 */
    overflow: hidden;
  }
</style>
</head>
<body>
  <div class="frameClip">
    <iframe src="https://stock.naver.com/" loading="lazy" referrerpolicy="no-referrer"></iframe>
  </div>
</body>
</html>

추가 메뉴

댓글 (3)