Html 使用vmin/vmax/vw/vh字体大小的文本设计时，打印网页的任何替代修复程序_Html_Css_Google Chrome_Viewport Units

Html 使用vmin/vmax/vw/vh字体大小的文本设计时，打印网页的任何替代修复程序

html css google-chrome

Html 使用vmin/vmax/vw/vh字体大小的文本设计时，打印网页的任何替代修复程序,html,css,google-chrome,viewport-units,Html,Css,Google Chrome,Viewport Units,因此，我正在进行一个流体响应设计，网站上的文本大小基于%。刚刚意识到，如果我尝试打印（cmd+p），网站设计会在chrome上中断。看起来像是一个非常古老和已知的问题，无法找到一个黑客在线使这项工作？你能给我一些建议吗这里提到的问题：以下是您可以尝试在本地html页面上放置并尝试在chrome上打印的html： <!DOCTYPE html> <html> <head> <title></title> <

因此，我正在进行一个流体响应设计，网站上的文本大小基于%。刚刚意识到，如果我尝试打印（cmd+p），网站设计会在chrome上中断。看起来像是一个非常古老和已知的问题，无法找到一个黑客在线使这项工作？你能给我一些建议吗

这里提到的问题：以下是您可以尝试在本地html页面上放置并尝试在chrome上打印的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>


.vmin{
字体大小：10vmin；
}
.px{
字体大小：20px；
}
.大众{
字体大小：10vw；
}
.vh{
字体大小：10vh；
}
.盒子{
宽度：10vw；
高度：10vh；
边框：1px实心#000；
}
使用vmin-字体大小：10vmin；
使用px-字体大小：20px；
使用vw-字体大小：10vw；
使用vh-字体大小：10vh；
内盒-盒尺寸：10vw x 10vh；

当调用打印时，是否有一种方法可以传递硬编码的视图大小


<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>

.vmin{
字体大小：10vmin；
}
.px{
字体大小：20px；
}
.大众{
字体大小：10vw；
}
.vh{
字体大小：10vh；
}
.盒子{
宽度：10vw；
高度：10vh；
边框：1px实心#000；
}
/*在打印页面时，这里将专门应用CSS*/