헤더의 텍스트 크기 조정

Question

사이트를 만들고 있는데 모든 장치에서 올바르게 확장하고 싶습니다.

내 1080x1920 화면에서는 완벽하게 작동하지만 얇은 기기에서는 페이지가 잘 보이지 않습니다. 헤더 텍스트가 있어야 할 곳에

흰색 공간입니다. 내 코드는 여기에서 찾을 수 있습니다 : 나는 모든 속성하지만 몸 안에 글꼴 크기 값을 사용하고, 다음을 변경하는 여러 단계에서 media queries를 사용하여 이전 프로젝트에서 수행 한 어떤

.header { 
height: 80px; 
background-color:#00117D; 
background-size:100%; 
color:#FFF; 
font-size:30px; 
font-weight:bold; 
line-height: 80px; 
padding: 0 30px; 
border-bottom-style:solid; 
border-width: 2px; 
border-color:#FFF; 
font-family:"Segoe UI"; 
} 

.header p, .header a { 
float: left; 
margin: 0; 
margin-left:30px; 
color:#FFF; 
text-decoration:none; 
} 

https://github.com/MooneyDev/project-Mooney

Answer 1

px는 필요에 따라 바디 값을 기반으로합니다. 이것은 다른 모든 값을 잡아서 비례 적으로 유지해야합니다.

bootstrap을 사용하는 것이 좋습니다. 실제로는 속도가 빨라야하고 반응 형 dev에 관련된 많은 고통을 제거해야합니다.