ios가있는 html 헤드 라인

Question

내가 뭘 잘못하고 있는지 모르겠지만 아이폰에서 내 사이트를 방문하면 헤드 라인에 내 이름 사이에 공백이 생깁니다. 아이폰에

: 내 PC에

* { 
 
    margin 0; 
 
    box-sizing: border-box; 
 
    color: #FFFFFF; 
 
    font-family: "Monaco", "Menlo", "Consolas", monospace; 
 
    text-align: left 
 
} 
 
body { 
 
    padding: 0 1.25em 1.25em 1.25em; 
 
    align-items: center; 
 
    background-color: #1E1E1E; 
 
    display: flex; 
 
    flex-direction: column; 
 
    justify-content: center; 
 
    margin: 0 
 
} 
 
h1 { 
 
    margin: 1.25em 0 0.625em 0; 
 
    font-size: 2em; 
 
    text-align: left; 
 
    word-spacing: -0.188em; 
 
    -webkit-margin-before: 1.25em; 
 
    -webkit-margin-after: 0; 
 
    -webkit-margin-start: 0px; 
 
    -webkit-margin-end: 0px; 
 
} 
 
h1:before { 
 
    color: #2DA2DB; 
 
    content: "#"; 
 
}

<h1> Alan Pijak</h1>

Answer 1

네 해당 섹션 갔지처럼 보인다 귀하의 광고 제목 이름의 제목이 너비가 너무 작아 제목에 맞지 않습니다. 미디어 쿼리로 너비를 변경할 수 있으므로 모바일에서는 화면의 전체 너비에 가깝습니다. 당신이 공유 코드는이 요소를 가지고 있지만의 말을하자 그것이라고 .headline 컨테이너하지 않습니다

@media screen and (max-width: 600px) { 
    .headline-container { 
     width: 90%; 
    } 
} 

을 아니면 글꼴 크기 변경 :이 같은

이

@media screen and (max-width: 600px) { 
    .headline-container h1 { 
     font-size: 18px; 
    } 
} 

뭔가 분명히 당신이 엉망이 수를 가치와 함께, 당신의 이름을 호흡하게하십시오! 희망이 도움이