強制將網頁打印為更高的分辨率

Question

我有一個使用bootstrap 3 css的網頁，當用戶打印該頁面時，它似乎總是采用小尺寸或x小尺寸的布局，從而使控件真正變大且在不同的行上。 我認為頁面布局在xs布局上是可以的，因為它確實可以在小屏幕上顯示出來，但是卻不在紙上。

總的來說，我在CSS方面不是很出色，但是我想知道是否有任何方法可以強制打印，以使打印版本看起來像“ md”版本甚至更大？

編輯：只是為了確保我解釋正確，這是大屏幕上的頁面

這是印刷版：

無論如何，有沒有辦法使印刷版本的寬度更大？ 如果可能的話，控件的確會更小但堆疊更好，這就是我的目標。

Answer 1

如果只想使用CSS執行此操作：

@media print
{
  /*whatver css you need here*/
}

@media規則允許您為不同的媒體指定不同的樣式。

但是另一種方法是，在使用javascript打開打印對話框的網站上添加打印按鈕。 然后，基於該單擊事件，您可以更改頁面/顯示打印機友好版本。

其他CSS方法：添加專門用於打印的CSS樣式表

<link rel="stylesheet" media="print" href="print.css">

將常規樣式表復制到print.css，然后將所有字體更改為打印友好字體。 這比選項1更好，因為這聽起來像您想覆蓋許多設置，而！important是不好的做法。