1
방금 초기 스케일 메타 속성을 발견했습니다.초기 규모 vs. desktop.css + phone.css + tablet.css?
이전에는 데스크톱 및 데스크톱 컴퓨터의 화면에 멋지게 표시되도록 모든 스타일 및 크기 (글꼴 및 요소)를 정의하기 위해 default.css를 사용했습니다. 그런 다음 휴대 전화 또는 태블릿을 사용하는 경우 미디어 쿼리 또는 PHP를 사용하여 phone.css 또는 tablet.css를 포함 할 수 있습니다. 그러면 크기가 작은 기기에만 크기가 조정됩니다.
이제 초기 크기 개념을 알게되었으므로 대신 요소 크기를 제어해야합니까? 즉
/*desktop.css*/
html{font-size:62.5%;}
p{font-size:1.2em;}
span {font-size:1em;}
/*phone.css*/
html{font-size:125%;}
/*tablet.css*/
html{font-size:100%;}
, 내 전화 : 내가 얻을려고
매우 중요한 결과는이 ...이 같은 EM (또는 REM) 단위 내 글꼴 크기를 정의하는 데 사용하는 것입니다 .css 및 tablet.css는 html 요소의 글꼴 크기 비율 만 조정하며 다른 모든 요소는 모든 다른 장치에 따라 확장됩니다. 어느 정도까지, 나는 padding, margin, lineheights 및 letterspacing과 함께 이것을한다.
초기 스케일의 도입으로, EM/REM 유닛은 스케일링 글꼴 크기와 관련이 없다는 것을 의미합니까? 우리는 훨씬 더 직관적 인 PX 장치를 계속 사용할 수 있습니까? 초기 스케일링이 나머지 스케일링 작업을하도록합시다.