自動更改字體大小以防止文本溢出

Question

我正在爲手機創建網頁。 我嘗試在DIV標籤中顯示文本。在小屏幕中，文本的某些部分將不會顯示，因爲它的位置（DIV標籤）的字體大小很大。 當文本太長而無法顯示時，我該如何告訴瀏覽器使文本變小？ 我可以定義文字字體大小的百分比嗎？如果是，我應該使用多少百分比？

Answer 1

使用@media css標記。而有關媒體queries for css

/* Target for all desktops */ 
body { 
    font-size: 16px; 
} 

@media screen and (min-width:480px) and (max-width:800px) { 
    /* Target landscape smartphones, portrait tablets, narrow desktops */ 
    body { 
     font-size: 14px; 
    } 
} 

@media screen and (max-width:479px) { 
    /* Target portrait smartphones */ 

    body { 
     font-size: 10px; 
    } 
} 

Answer 2

你可以使用一個比例，但我會用一個媒體查詢，而不是讓你可以選擇爲您的網站更精確的規格更小屏幕的更多信息。我建議你在這裏閱讀它們 - https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries