스마트폰을 위한 사이트를 만들 때.줌을 사용하면 SNS 버튼이 굵어집니다.

3690 단어 PHP
먼저 그림을 보십시오.

바라지 않는 현상



추구적 현상



왜 이런 현상이 발생했습니까?


스마트폰 사이트를 인코딩할 때 각 장치의 화면 폭에 대응하는 수단으로 삼다
$(window).bind('resize load', function(){
    $("html").css("zoom" , $(window).width()/480 );
});

이런 기술이 있다.
480px를 기준으로 현재 화면 너비의 비례를 구하고 >에서 기술한 부분을 확대하고 축소한 js.
이는 SNS 버튼이 상위에 있는 iframe에 작용해 필요 없는 현상이 발생했다.

이번에는 이걸 피하기 위해서.

$(window).bind('resize load', function(){
    $("header,article,footer").css("zoom" , $(window).width()/480 );
});

<html>
    <head>
        <!-- その他は割愛 -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <header></header>
        <!-- ここにSNSボタンを集約 -->
        <div class="snsbuttoms"></div>
        <article></article>
        <footer></footer>
    </body>
</html>
이런 기술에는 SNS 기술 부분만 초점이 되는 것을 피하는 방법이 사용됐다.
왜 초점 조절을 멈추지 않았을까, 새로 제작된 것이 아니라 어떤 사이트의 확장 형식으로 이뤄진 것이 가장 큰 이유다.
똑똑한 방법 아시는 분 꼭 알려주세요m()m

좋은 웹페이지 즐겨찾기