文字間距移動不正確的 - 桌面小窗口大小的罰款

我不是偉大的編碼 - 我可以自定義現有的東西，但我有很多的麻煩修正的標誌/頭我頁。這只是在頁面左上方顯示「craigknelson」的文字。

在調整瀏覽器窗口大小時，它在桌面上工作得非常好，但在移動設備上查看時，它會拉伸文本，從而拉伸整個窗口的寬度。

這是CSS問題與我的文字間距？

2016-09-28 Craig Nelson

介意分享的是它看起來像在你的身邊的圖像，然後我就可以更好地瞭解您所遇到的問題。另外，看了你的網站（看起來也很漂亮）之後，我玩了字母間距，這可能與它有關。也許它與移動瀏覽器的默認設置有關，例如它們可能已經有一些字母間隔，並且增加更多的信息會使其延伸。嘗試刪除所有字母間距並重新添加它以確保沒有瀏覽器默認值。如果一切都失敗，請嘗試使用px而不是em來進行字母間距測量。謝謝！

來源

2016-09-28 05:18:55 Tishbyte

謝謝！我確實應該做到這一點。 –

字母間距似乎按像素大小工作，因此對於具有大量像素的桌面，它看起來沒問題。但對於沒有像素的手機來說，它佔據了大部分空間。一個可能的建議是採取徽標文本並將其轉換爲相應縮放的svg圖像。 – Tishbyte

這並沒有完全解決手頭的問題，但它是一個很好的解決方法！轉換成.svg 謝謝你的建議你搖滾！ –

您的網站很簡單，乾淨..減少字母間距和行高。

來源

2016-09-28 05:55:29 user3260487

嗨，謝謝！我嘗試減小字母間距 - 這對桌面顯示產生了負面影響（這是我期望的大部分流量，因爲網站的性質），但是希望它也能在移動設備上正確顯示。我想這可能是在其他地方調整字母間距的問題嗎？我只是不確定是否有其他原因顯示。 –

文字間距移動不正確的 - 桌面小窗口大小的罰款

回答

相關問題