任何用vmin/vmax/vw/vh-font-sized文本設計的打印網頁的修正

所以我正在研究流體響應設計和網站上的文本大小基於％工作。剛剛意識到，如果我嘗試打印（CMD + P）網站設計打破鉻。看起來像一個很老的和已知的問題，並沒有能夠找到一個黑客在線做出這項工作？你能爲此提出建議嗎？任何用vmin/vmax/vw/vh-font-sized文本設計的打印網頁的修正

問題這裏提到：https://code.google.com/p/chromium/issues/detail?id=382313 這裏是你可以嘗試把一個本地的HTML頁面上，並嘗試對鉻印在html：

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <style> 
     .vmin { 
    font-size: 10vmin; 
} 

.px { 
    font-size: 20px; 
} 

.vw { 
    font-size: 10vw; 
} 

.vh { 
    font-size: 10vh; 
} 

.box { 
    width: 10vw; 
    height: 10vh; 
    border: 1px solid #000; 
} 
    </style> 
</head> 
<body> 
<div class="vmin"> 
    using vmin - font-size: 10vmin; 
</div> 
<div class="px"> 
    using px - font-size: 20px; 
</div> 
<div class="vw"> 
    using vw - font-size: 10vw; 
</div> 
<div class="vh"> 
    using vh - font-size: 10vh; 
</div> 
<div class="box"> 
    inside box - box size: 10vw x 10vh; 
</div> 
</body> 
</html>

也是事情，如果有一種方法，我可以通過一個視圖大小當打印被調用時硬編碼？

來源

2016-01-21 KD.

<style media="screen"> 
.vmin { 
    font-size: 10vmin; 
} 

.px { 
    font-size: 20px; 
} 

.vw { 
    font-size: 10vw; 
} 

.vh { 
    font-size: 10vh; 
} 

.box { 
    width: 10vw; 
    height: 10vh; 
    border: 1px solid #000; 
} 
</style> 

<style media="print"> 
     /* Here be CSS applied exclusively when the page is printed */ 
</style>

http://htmldog.com/references/html/tags/style/

來源

2016-01-21 08:13:39

任何用vmin/vmax/vw/vh-font-sized文本設計的打印網頁的修正

回答

相關問題