字體寬度

Question

有人可以幫助我與調整大小在一個div的字體，如果屏幕寬度小於1100px

if (window.screen.width <= 1100) { 
    var item = document.getElementById("div1"); 
    item.style.fontSize = "25px"; 
    item.innerHTML = "String"; 
} 

這是我到目前爲止的JavaScript代碼。有人可以幫我做下一步做什麼嗎？

Answer 1

我有一個OLD博客中，我張貼了關於更改字體大小，但它是爲了展示如何使用jQueryUI的滑塊。也許你可以使用一些邏輯，因而創建自己的解決方案：

http://weblogs.asp.net/thiagosantos/archive/2009/03/21/my-first-time-with-jquery-ui.aspx

Answer 2

您的代碼對我的作品在JS提琴。也許你沒有爲你的div或類似的東西指定正確的ID。

http://jsfiddle.net/trott/GqFPY/

如果你希望的代碼將在瀏覽器中調整大小被觸發，則需要將其綁定到一個事件。 （見邁克爾的回答。）

Answer 3

您需要綁定動作到window.onresize事件：

var resizeFonts = function() { 
    var item = document.getElementById("div1"); 
    if (window.screen.width <= 1100) { 
     item.style.fontSize = "25px"; 
     item.innerHTML = "String"; 
    } 
    // Otherwise set a larger font 
    else item.style.fontSize = "30px"; 
}; 

window.onload = resizeFonts; 
window.onresize = resizeFonts; 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.