日期:2013-10-08  浏览次数:21039 次

 一段js,定义容器和字体的大小,实现网页容器和字体的自定义大小!

下面是效果演示连接
http://www.themaninblue.com/experiment/BrowserWidth/
http://www.blueidea.com/bbs/newsdetail.asp?id=2486328&page=9999&daysprune=&lp=
<script type="text/javascript">
<!--
function scaleWidth()
{
  var optimalLineLength = "35em";
  var extraAccounting = "12em";
  var minimumTextHeight = "10px";
  var windowWidth = document.body.clientWidth;
  var optimalSize = windowWidth / (parseInt(optimalLineLength) + parseInt(extraAccounting));

  if (optimalSize >= parseInt(minimumTextHeight))
  {
    document.body.style.fontSize = optimalSize + "px";
  }
  else
  {
    document.body.style.fontSize = parseInt(minimumTextHeight) + "px";
  }

  return true;
}

function textSize(size)
{
  var theContainer = document.getElementById("widthContainer");
  var increment = 0.1
  var currentSize = parseFloat(document.getElementById("widthContainer").style.fontSize);

  if (!currentSize)
  {
    currentSize = 0.8;
  }

  if (size == "smaller")
  {
    theContainer.style.fontSize = (currentSize - increment) + "em";
  }
  else
  {
    theContainer.style.fontSize = (currentSize + increment) + "em";
  }

  return true;
}
-->
</script>