1. 렘을 단위로 사용하세요
html { 글꼴 크기: 100px }
@media(최소 너비: 320px) { html { 글꼴 크기: 100px } }
@media(최소 너비: 360px) { html { 글꼴 크기: 112.5px } }
@media(최소 너비: 400px) { html { 글꼴 크기: 125px } }
@media(최소 너비: 640px) { html { 글꼴 크기: 200px } }
휴대폰의 경우 글꼴 크기를 100px로 설정하고, 휴대폰의 경우 320px로 일치하면 100px입니다.
다른 휴대폰은 동일한 비율로 일치하므로 디자인 초안에 픽셀이 많으면 rem으로 변환할 때 rem = 디자인 초안의 픽셀/100;
2. a, 버튼, 입력, optgroup, select, textarea
와 같은 라벨의 배경이 어두워지는 것을 비활성화합니다.
a 태그를 모바일 단말기의 버튼으로 사용하거나 텍스트가 연결된 경우 버튼을 클릭하면 다음 코드와 같이 "어두운" 배경이 나타납니다.
<a href="">button1</a>
<input type="button" value="제출"/>
성명:
이 웹사이트의 모든 리소스는 네티즌이 제공 및 게시하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 웹사이트의 모든 리소스는 학습 및 참조용으로만 제공됩니다. 상업적인 목적으로 사용하지 마세요. 그렇지 않을 경우 발생하는 모든 결과에 대한 책임은 귀하에게 있습니다! 침해 내용이 있는 경우 당사에 연락하여 삭제 및 제거를 요청하시기 바랍니다. 연락처: admin@php.cn