javascript - 如何使用 window.open 应用样式并使窗口可缩放

经过几天的尝试，我疯了:

function prtDiv( o ) {
var css = 'body {font:normal 10px Arial;}' ;
var wo = window.open('','print','width=600,height=600,resizable=yes');  
wo.document.write( '<head><meta name="viewport" content="width=device-width, initial-scale=0.5 user-scalable=1"/> <style>'+css+'</style><body>'+ o.innerHTML+'</body>'); 
wo.focus();
}

我尝试使用 body style=".."或提供一个 url 并用 chrome、opera、firefox、edge 中的 div-content 替换标记 ...

... 列举一些变体。

结果总是以相同的字体显示，用户不可缩放，只接受字体名称，字体大小被杀死。

我非常感谢您的帮助。谢谢。

现在我猜，这是因为内容是通过 XHR (Ajax) 加载的。

如果内容是通过 xhr 加载的，似乎无法格式化写入新窗口的 html 内容。

我最终创建了一个 PDF :((

最佳答案

10px 的font-size 是相对正常的，因此显示文字的大小不会有明显变化。

如果您将 font-size 更改为更大的像素数，例如 100px，您会看到不同之处。

JSFiddle:http://jsfiddle.net/mt6fydg8/4/

关于javascript - 如何使用 window.open 应用样式并使窗口可缩放，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51657078/