Question

如果屏幕宽度低于1100px，有人可以帮助我使用调整div中字体大小的JavaScript代码吗

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

这是我到目前为止所拥有的。有人可以帮助我做下一步该做什么吗？

Answer 1

你的代码在JS Fiddle中适合我。也许你没有为你的div或类似的东西指定正确的id。

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

如果您希望在浏览器调整大小时触发代码，则需要将其绑定到事件。（见迈克尔的回答。）

Answer 2

您需要将操作绑定到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;

Answer 3

我有一个 OLD 博客，其中我发布了有关更改字体大小的内容，但它是为了展示如何使用jQueryUI滑块。也许您可以使用那里的一些逻辑来创建自己的解决方案：

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

根据屏幕宽度调整字体大小

3 个答案: