Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 调整页面内容大小以适合一个打印页面_Javascript_Css_Web Applications - Fatal编程技术网

Javascript 调整页面内容大小以适合一个打印页面

Javascript 调整页面内容大小以适合一个打印页面,javascript,css,web-applications,Javascript,Css,Web Applications,这个问题与CSS更相关,但我愿意接受任何解决方案。我正在尝试打印一个高度用px定义的网页(我也尝试了%)。现在,Safari和IE 8以及以后版本中发生的事情,页面内容将不会打印在一个页面上 当前设置 div.parent-container{ height: 900px; } div.parent-container div.child-containers{ height:100%; } 发生了什么事 它将在FF中的一页上打印所有内容,但在IE和Sa

这个问题与CSS更相关,但我愿意接受任何解决方案。我正在尝试打印一个高度用px定义的网页(我也尝试了%)。现在,Safari和IE 8以及以后版本中发生的事情,页面内容将不会打印在一个页面上

当前设置

div.parent-container{  
    height: 900px;  
}  

div.parent-container div.child-containers{  
    height:100%;  
} 
发生了什么事

它将在FF中的一页上打印所有内容,但在IE和Safari中,内容将分为两页,这对我的用户来说是个大问题。我必须告诉他们设置页边距:0.3,这绝对不是一个有效的方法

我所做的

我尝试了不同的@page和特定于浏览器的黑客技术,以使其发挥作用,但它没有被证明是富有成效的,或者对我来说似乎没有效率(我从来都不是定制浏览器黑客的粉丝)

我想要什么

CSS/JS解决方案使页面内容打印在一个页面上,可能类似于“收缩以适应”

谢谢,
Rahi

打印设备通常以物理变暗(英寸、厘米、英尺等)的形式测量其含量。像素宽度取决于监视器分辨率,因此不能依赖于每个输出设备

如果你的页面按你喜欢的方式打印很重要,那么你很可能需要一个CSS文件来打印——一个使用英寸、厘米或你喜欢的任何东西的文件


看看这个--我想它会有帮助。

问得很好。我希望所有的新用户都能像你们一样提问+谢谢你的回复。对于符合CSS3的浏览器来说,条件语句似乎是一个不错的选择。问题是一些用户仍然坚持使用IE7(我不关心IE6)。我们有什么解决办法吗?像这样<代码>