0

divタグでフォントをSegoe UI＆フォントサイズをできれば全画面幅に変更したい。これはコードです：

<!DOCTYPE html>
<html>
<head>
<script>
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
// add a zero in front of numbers<10
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){startTime()},500);
}

function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div> 
</body>
</html>

サイズを画面幅に変更して、誰かが電話から見ている場合、通常は大きなフォントサイズが必要な人が読めるようにします.

4

2 に答える 2

0

CSS3 メディア クエリは、まさにあなたが求めているものを対象としています。それらがどのように機能するかの例を次に示します。

HTML

<div>Lorem ipsum dolor sit amet</div>

CSS

DIV {
    font-size:14pt;
}

@media (max-width:450px) {
    /* Increases font size on smaller screen */
    DIV {
        font-size:24pt;
    }
}

デモ：

http://jsfiddle.net/uGfAY/ - ブラウザー ウィンドウのサイズを変更して、さまざまな画面サイズをシミュレートしてみてください。

于 2013-10-31T19:24:17.557 に答える