インテリジェント文字サイズ
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);
//]]>
コード:
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>