インテリジェント文字サイズ

7227 ワード

ページ幅に応じてフォントサイズを自動調整
haha中国語テスト
haha
//<![CDATA[
function zoomFontSize()
{
var allWidth = document.documentElement.clientWidth;
var newFontSize = pp1.oldFontSize * allWidth/1024;
newFontSize = Math.min(100, newFontSize);
newFontSize = Math.max(12, newFontSize);
pp1.style.fontSize = newFontSize + 'px';
document.getElementById('span1').innerHTML = pp1.style.fontSize;
}

var pp1 = document.getElementById('pp1');
window.onresize = zoomFontSize;
var fontSize = document.all?pp1.currentStyle['fontSize']:document.defaultView.getComputedStyle(pp1,false)['fontSize'];

pp1.oldFontSize = parseInt(fontSize);
zoomFontSize();
//alert(document.documentElement.offsetHeight);
//]]>
コード:
<p id="pp1">haha  </p>
<p>haha</p>
<span id="span1"></span>
<script type="text/javascript">
function zoomFontSize()
{
var allWidth = document.documentElement.clientWidth;
var newFontSize = pp1.oldFontSize * allWidth / 1024;
newFontSize
= Math.min(100, newFontSize);
newFontSize
= Math.max(12, newFontSize);
pp1.style.fontSize
= newFontSize + 'px';
document.getElementById(
'span1').innerHTML = pp1.style.fontSize;
}

var pp1 = document.getElementById('pp1');
window.onresize
= zoomFontSize;
var fontSize = document.all?pp1.currentStyle['fontSize']:document.defaultView.getComputedStyle(pp1,false)['fontSize'];

pp1.oldFontSize
= parseInt(fontSize);
zoomFontSize();
alert(document.documentElement.offsetHeight);
</script>