剛遇到了個需求,就是要在瀏覽器打印一個固定規格標簽的功能,打印的條碼或者二維碼要適應30mm*60mm尺寸的紙張。
以最簡單粗暴的方式就是在打印的媒體查詢里給元素設置寬度100%(被噴我)
@media print {
width:100%
}
后面無意中發現了媒體查詢中有那么個屬性 @page.size
經過一番查詢,得知:
這是一種實驗技術
由於該技術的規格不穩定,請查看各種瀏覽器的兼容性表格以供使用。另外請注意,隨着規范的變化,實驗技術的語法和行為在未來版本的瀏覽器中可能會發生變化。
與at規則一起使用的size
CSS規則描述符@page
定義了用於表示頁面的框的大小和方向。大多數情況下,這個尺寸對應於打印頁面的目標尺寸(如果適用的話)。
大小可以用“可縮放”關鍵字來定義(在這種情況下,頁面將填充可用的尺寸)或絕對尺寸。
在數據庫中找不到值!
在頁面中使用:
@media print {
@page{
size:3cm 6cm;
}
.......
這里寫打印元素的預覽樣式,樣式還是要設置的,具體看需求了
}
其他的不細說了,具體的看下面的地址:
https://cloud.tencent.com/developer/section/1072314