모바일 소프트 키보드가 팝업되면 레이아웃에 영향을 줍니다.

WBOY
풀어 주다: 2016-08-20 08:47:51
원래의
1498명이 탐색했습니다.

모바일 소프트 키보드가 팝업되면 레이아웃에 영향을 미칩니다

1) 얼마전에 만든 모바일 페이지는 높이가 1페이지밖에 안되기 때문에 height:100%;width:100%;를 사용했습니다.

iOS에서 입력 상자를 클릭하여 소프트 키보드를 팝업할 때 레이아웃에는 큰 영향이 없습니다.

소프트 키보드로 입력 상자를 눌렀을 때 일부 Android 기기에서는 Huawei 자체 브라우저에 문제가 있으며 UC에서는 레이아웃 문제가 발생합니다.

이유는 소프트 키보드가 뜰 때 높이가 변경되어 height:100%가 원래 높이에 도달할 수 없기 때문일 수 있습니다.

해결책:

$(document).ready(function () {
  $('body').height($('body')[0].clientHeight);
});

페이지가 로드된 후 js는 본문에 고정된 높이를 제공합니다.

2) 이전에 모바일 단말기에서 입력란을 클릭하면 페이지가 왼쪽으로 부분적으로 엇갈리는 현상이 발생했는데 너무 길어서 브라우저를 잊어버려서 재생이 안 되는 경우가 있었습니다. 입력란의 크기를 중앙에 맞추는 것입니다.

PS: Huawei 자체 브라우저와 UC의 새로운 유닛이 css3, vw, vh를 인식하지 못하는 것에 대해 불만을 토로하고 있습니다.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!