Skip to main content
ツイート済み twitter.com/jaStackOverflow/status/1016623656951336965
誤字修正
ソース リンク
jirolabo
  • 2,234
  • 13
  • 47
  • 63

htmlページをブラウザ標準の印刷機能で印刷する場合、縦向きのA4用紙に入る横幅は最大何ピクセルになるでしょうか?

css

* {
  box-sizing: border-box;
}
.test1 {
  width: 1366px;
  border: 10px solid red;
}
.test2 {
  width: 1280px;
  border: 10px solid green;
}
.test3 {
  width: 1024px;
  border: 10px solid blue;
}

html

<body>
  <div class="test1">test1 1366px</div>
  <div class="test2">test2 1280px</div>
  <div class="test3">test3 1024px</div>
</body>

上記のようなページでプレビューを試したところ、Chrome と IE11、Edge では
1366px → 用紙からはみ出る
1280px → 用紙からはみ出る
1024px → 用紙内に収まる
という結果になりました。
FireFoxでのみ、すべてのサイズが用紙内に収まりました。

1024px程度の幅でページを作成すれば、すべてのブラウザの標準の印刷機能でA4縦の幅に収まると考えてよいのでしょうか?
それとも、これらのサイズは端末の環境(ディスプレイなど)に依存するものなのでしょうか?
A4用紙に該当するピクセル数を算出する方法がありましたら教えてください。

htmlページをブラウザ標準の印刷機能で印刷する場合、縦向きのA4用紙に入る横幅は最大何ピクセルになるでしょうか?

css

* {
  box-sizing: border-box;
}
.test1 {
  width: 1366px;
  border: 10px solid red;
}
.test2 {
  width: 1280px;
  border: 10px solid green;
}
.test3 {
  width: 1024px;
  border: 10px solid blue;
}

html

<body>
  <div class="test1">test1 1366px</div>
  <div class="test2">test2 1280px</div>
  <div class="test3">test3 1024px</div>
</body>

上記のようなページでプレビューを試したところ、Chrome と IE11、Edge では
1366px → 用紙からはみ出る
1280px → 用紙からはみ出る
1024px → 用紙内に収まる
という結果になりました。
FireFoxでのみ、すべてのサイズが用紙内に収まりました。

1024px程度の幅でページを作成すれば、すべてのブラウザの標準の印刷機能でA4縦の幅に収まると考えてよいのでしょうか?
それとも、これらのサイズは端末の環境(ディスプレイなど)に依存するものなのでしょうか?
A4用紙に該当するピクセル数を算出する方法がありましたら教えてください。

htmlページをブラウザ標準の印刷機能で印刷する場合、縦向きのA4用紙に入る横幅は最大何ピクセルになるでしょうか?

css

* {
  box-sizing: border-box;
}
.test1 {
  width: 1366px;
  border: 10px solid red;
}
.test2 {
  width: 1280px;
  border: 10px solid green;
}
.test3 {
  width: 1024px;
  border: 10px solid blue;
}

html

<body>
  <div class="test1">test1 1366px</div>
  <div class="test2">test2 1280px</div>
  <div class="test3">test3 1024px</div>
</body>

上記のようなページでプレビューを試したところ、Chrome と IE11、Edge では
1366px → 用紙からはみ出る
1280px → 用紙からはみ出る
1024px → 用紙内に収まる
という結果になりました。
FireFoxでのみ、すべてのサイズが用紙内に収まりました。

1024px程度の幅でページを作成すれば、すべてのブラウザの標準の印刷機能でA4縦の幅に収まると考えてよいのでしょうか?
それとも、これらのサイズは端末の環境(ディスプレイなど)に依存するものなのでしょうか?
A4用紙に該当するピクセル数を算出する方法がありましたら教えてください。

ソース リンク
jirolabo
  • 2,234
  • 13
  • 47
  • 63

A4用紙に印刷可能なピクセル数は?

htmlページをブラウザ標準の印刷機能で印刷する場合、縦向きのA4用紙に入る横幅は最大何ピクセルになるでしょうか?

css

* {
  box-sizing: border-box;
}
.test1 {
  width: 1366px;
  border: 10px solid red;
}
.test2 {
  width: 1280px;
  border: 10px solid green;
}
.test3 {
  width: 1024px;
  border: 10px solid blue;
}

html

<body>
  <div class="test1">test1 1366px</div>
  <div class="test2">test2 1280px</div>
  <div class="test3">test3 1024px</div>
</body>

上記のようなページでプレビューを試したところ、Chrome と IE11、Edge では
1366px → 用紙からはみ出る
1280px → 用紙からはみ出る
1024px → 用紙内に収まる
という結果になりました。
FireFoxでのみ、すべてのサイズが用紙内に収まりました。

1024px程度の幅でページを作成すれば、すべてのブラウザの標準の印刷機能でA4用縦の幅に収まると考えてよいのでしょうか?
それとも、これらのサイズは端末の環境(ディスプレイなど)に依存するものなのでしょうか?
A4用紙に該当するピクセル数を算出する方法がありましたら教えてください。