메신저 글꼴 크기를 사용하여, 사이드 바를 제외한 모든 곳에서 잘 작동합니다.글꼴 크기 값은 어떻게 작동합니까?
주 콘텐츠의 크기는 큽니다. 이 em 크기를 사이드 바에 복사하면 텍스트가 커집니다.
메신저 html/body size 17px를 사용합니다. 그런 다음 1.412em으로 원하는 크기를 얻으십시오. 사이드 바 글꼴의 라이브 링크를 보려면 link으로 이동하십시오. 오른쪽 사이드 바에있는 트위터 피드를 보면 동일한 것을 사용하는 것을 볼 수 있지만 더 크게 볼 수 있습니다.
em을 측정 값으로 사용하면 상속되지 않지만 그에 따라 증가합니다.
<div>
<p>
<span>foo bar</span>
</p>
</div>
body{
font-size: 1em;
}
div{
font-size: 1.5em;/*1.5em of 1em == 1.5em*/
}
div > p{
font-size: 1.5em;/*1.5em of 1.5em inherited from div == 2.25em*/
}
div > p > span{
font-size: 1.5em; /*1.5em of 2.25em inherited from p == 3.375em*/
}
그래서, 측정 값으로 픽셀을 사용하도록 권장합니다 :
다음은 예입니다.
사용 EMS 확장 가능한 스타일 시트 만 확인합니다.
px,
em에 대한 자세한 내용을 알고 싶다면
font-size에 대한 em를 사용하지 마십시오 따르십시오 당신은 어디에해야 결코을 사용하십시오.
1em은 현재 표준 글꼴로 된 m의 크기입니다. 이것을 사용하여 패딩/여백을 설정할 수 있습니다 (예 : 단락 사이 또는 텍스트 블록 주위, 글꼴 크기에 따라 확장해야하는 경우, OS/브라우저 수준에서 사용자 지정 설정을 사용하는 사람들을 위해 필요한 경우). 정확한 픽셀에 대해 걱정할 필요없이 '좋은'거리.
현재 표준 글꼴의 m에 대한 상대 크기로 글꼴 크기를 조정하면 전혀 의미가 없습니다. unless you want to achieve this effect. 원하는 경우 단일 요소 또는 블록에 대해 font-size:110%을 지정하는 것이 더 논리적 일 것입니다. 일반적으로 글꼴 크기를 지정하려면 pt 또는 px을 사용하십시오.
설명해 주셔서 감사합니다. 큰 도움! – probablybest