🖥Frontend/HTML
[CSS] iOS 브라우저 버튼 터치 확대 방지
반응형
모바일 브라우저에서 버튼을 연타해서 눌러야할 경우 iOS 기기에서는 화면이 확대가 된다.
이럴 때
meta 태그 viewport에
{ name: 'viewport', content: "width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover"},
위 속성을 넣어도 해결이 되지 않아 아래의 속성을 사용하여 버튼에 CSS 속성을 넣어 해결하였다.
touch-action: manipulation;
반응형
'🖥Frontend > HTML' 카테고리의 다른 글
브라우저의 취약한 공격 수법, Tabnabbing 공격과 HTML rel=noopener 속성에 관하여 (0) | 2022.05.22 |
---|---|
HTML과 CSS 빠르게 이해하기 (0) | 2022.05.06 |
HTML (0) | 2021.02.04 |
댓글