iT邦幫忙

7

網頁列印的自訂紙張大小問題

  • 分享至 

  • xImage

各位大神好,最近遇到個問題

我在印表機增加了兩個相同的自訂的紙張大小如圖

自訂
https://ithelp.ithome.com.tw/upload/images/20260908/20157153NMEl6GNImL.png
自訂2
https://ithelp.ithome.com.tw/upload/images/20260908/20157153fvb6yDWmLO.png

但是若是要列印網頁上資料時,這兩個格式卻顯示一個直式一個是橫式,如圖

自訂
https://ithelp.ithome.com.tw/upload/images/20260908/201571537AGKSdXNf5.png
自訂2
https://ithelp.ithome.com.tw/upload/images/20260908/20157153re4S80b9OE.png

且若是將"自訂"的8x5更改成例如"標籤機"的紙張格式名稱後,列印也都會變直式,變得名稱只能用"自訂"

想請問這是什麼問題所導致呢?這兩個都是選擇同台印表機,且有試著重啟print spooler服務,但仍然一樣,我需要的是橫式的列印,若是名稱不能改的話,對使用者來說有時候會有選錯的問題

AI 摘要
在瀏覽器列印同一個網頁時,如果都設定為「直印」,卻發生一個預覽是橫印、另一個是直印的狀況,最核心的原因通常是網頁內部的 CSS 樣式設定(@page)或網頁的「回應式佈局(Responsive Layout)」觸發了瀏覽器的自動判定。
以下是導致這種差異的幾個主要原因:
1. 網頁 CSS 語法的強制設定 (@page)
網頁開發者可以透過 CSS 的 @page 語法來控制列印時的紙張方向。
• 如果網頁程式碼中寫了 @page { size: landscape; },瀏覽器在解析時就會強制將預覽畫面轉為橫印,即使你在瀏覽器介面手動勾選「直印」,網頁本身的設定依然會蓋過瀏覽器的預設值。
• 為什麼同一個網頁會不同? 因為網頁可能會根據你當下視窗的大小或操作狀態,動態載入不同的 CSS 樣式。
2. 視窗寬度與回應式網頁設計 (Responsive Design)
現代網頁會根據瀏覽器視窗的寬度來改變排版:
• 預覽為橫印的那個: 列印時,你的瀏覽器視窗可能拉得比較寬(例如全螢幕)。網頁偵測到寬螢幕,列印元件就自動判定以「橫向(Landscape)」呈現最符合視覺比例。
• 預覽為直印的那個: 列印時,你的瀏覽器視窗可能縮得比較小,或是縮放比例(Zoom)不同。網頁偵測到窄螢幕,便自動切換成「直向(Portrait)」排版。
3. 「列印範圍」選取的內容不同
如果你在列印前,滑鼠有反白選取(Highlight)網頁上的特定區塊:
• 某些瀏覽器在列印「選取範圍」時,會根據該區塊內表格(Table)或圖片的寬度,自動調整最佳的預覽方向。如果選到了特別寬的圖表,預覽就會自動變成橫印。
4. 瀏覽器快取或擴充功能(Plugin)干擾
• 快取異常: 其中一個視窗可能讀取到了舊的、錯誤的網頁快取資料。
• 擴充功能: 某些防毒軟體、廣告攔截器(AdBlocker)或截圖外掛,可能會在特定狀況下阻斷網頁列印樣式(Print CSS)的載入,導致其中一個視窗失去了網頁原本的列印防呆機制。
________________________________________
💡 如何快速解決與測試?
1. 將兩個瀏覽器視窗拉到完全一樣的大小,重新整理網頁後再按一次列印(Ctrl + P),觀察是否恢復一致。
2. 檢查列印設定中的「縮放比例(Scale)」,將其固定為「預設值」或「100%」,避免自動縮放干擾方向判定。
3. 使用無痕模式(Incognito)開啟該網頁試試看,排除快取與外掛的影響。

參考
https://share.google/aimode/xuwi2DxVu9SP5aLEh
https://www.google.com/search?q=瀏覽器+同一個網頁+列印時+兩個相同大小的紙張+一個選直印時+預覽紙張變成橫印+一個選直印時+預覽紙張是正常直印+為什麼會有差異
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
Pod042A
iT邦新手 1 級 ‧ 2026-09-08 12:21:27

可以嘗試先列印「另存為 PDF」,使用配置「橫向」儲存成 PDF 再使用印表機列印。

NickLinkP iT邦新手 2 級 ‧ 2026-09-09 08:09:33 檢舉

這方法也可以,不過目前是用現有"自訂"紙張格式,這樣使用者才不需多做一段,比較想了解是什麼原因導致

Pod042A iT邦新手 1 級 ‧ 2026-09-09 09:41:55 檢舉

可能是瀏覽器沒辦法從印表機驅動取得設置選項,例如一些通用印表機驅動。

0
hipposcott
iT邦新手 5 級 ‧ 2026-09-23 05:28:01

老實說只要牽扯到列印,一律就是渲染成pdf之後印出來。
好處是準,不用擔心跑版,使用者操作直覺。
不然就是另外做一個友善列印的版本,抽離大多數的CSS(就像Gmail的列印按鈕一樣)

0
eason_lee
iT邦新手 5 級 ‧ 2026-09-29 10:51:26

同一台印表機安裝複數,並預設不同的列印喜好設定,且印表機名稱要能判別格式,
讓使用者依據情況選擇印表機。

我要發表回答

立即登入回答