任何用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文本设计的打印网页的修正

回答

相关问题