2016-09-28 7 views
0

craigknelson텍스트 간격 - 데스크탑 및 작은 창 크기는 코딩에

내가 큰 아니에요 괜찮 - 나는 물건을 기존의 사용자 정의 할 수 있습니다하지만 난에 로고/헤더를 수정하는 많은 문제에 봉착 내 페이지. 페이지 왼쪽 상단에 "craigknelson"이라고 적힌 텍스트 일뿐입니다.

브라우저 창 크기를 조정할 때 데스크톱에서 완벽하게 작동하지만 모바일에서 보았을 때 텍스트가 늘어나서 전체 창 너비가 늘어납니다.

텍스트 간격에 CSS 문제가 있습니까? 그것은 당신의 측면 모습의 이미지를 공유

mobile site

답변

0

마음, 나는 당신이 겪고있는 문제의 더 나은 이해를 얻을 수 있습니다. 또한, 귀하의 웹 사이트 (좋은 찾고 하나 너무)를보고 나서, 나는 문자 간격으로 연주하고 그걸로 뭔가 할 수 있습니다. 어쩌면 모바일 브라우저 기본값과 관련이있을 수 있습니다. 예를 들어 이미 문자 간격이있을 수 있으며 추가하면 더 늘어납니다. 모든 문자 간격을 제거한 다음 다시 추가하여 브라우저 기본값이 없는지 확인하십시오. 다른 모든 방법이 실패하면 문자 간격 측정에 em 대신 px를 사용하십시오. 감사합니다.

+0

고맙습니다! 그리고 내가 그 일을 시작 했어야하는 확실한 일. –

+0

글자 간격은 픽셀 크기에 따라 작동하는 것처럼 보이므로 많은 픽셀이있는 데스크톱에서는 괜찮습니다. 그러나 픽셀이없는 모바일의 경우 대부분의 공간을 필요로합니다. 가능한 제안은 로고 텍스트를 가져 와서 그에 맞게 확장되는 svg 이미지로 변환하는 것입니다. – Tishbyte

+0

이것은 당면한 문제를 해결하지 못했지만 대처 방법이었습니다! .svg로 바 꾸었습니다. 제안 해 주셔서 감사합니다. –

0

사이트는 단순하고 깨끗합니다. 문자 간격과 줄 간격을 줄이십시오.

+0

안녕하세요, 감사합니다! 나는 문자의 간격을 줄이는 것을 시도했다. 그것은 데스크톱 디스플레이 (사이트의 특성상 대부분의 트래픽이 예상되는 위치)에 부정적인 영향을 미치지 만, 모바일에서도 올바르게 표시되기를 바랄 것이다. 다른 곳에서 문자 간격을 조정해야 할 수도 있습니다. 나는 그것이 그렇게 보이는 또 다른 이유가 있는지 확실하지 않습니다. –