HTMLページを、例えばMS WordのA4サイズのページのように動作させることはできますか?
基本的には、ブラウザでHTMLページを表示し、A4サイズのページの寸法でコンテンツのアウトライン化ができるようにしたいと考えています。
わかりやすくするために、HTMLページにはテキストしか含まれていない(画像などは含まれていない)と仮定し、例えば<br>
タグなどはないとします。
また、このHTMLページを印刷すると、A4サイズの紙のページになります。
WebブラウザにA4サイズと同じピクセル寸法で表示させるのは、かなり簡単です。しかし、表示される際にいくつかの問題があります。
モニターが72dpiを表示すると仮定すると、次のようなものを追加することができます。
<!DOCTYPE html>
<html>
<head>
<style>
body {
height: 842px;
width: 595px;
/* to centre page on screen*/
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
</body>
</html>