代码之家 › 专栏 › 技术社区 › rampion

调整打印样式表的页面宽度

printing css javascript

rampion · 技术社区 · 15 年前

所以 I've got a page 它显示了一个图像,上面有一些绝对定位的文本。

我想为它写一份打印样式表,以便:

图像的大小调整为适合页面的宽度
文本将被重新定位和调整大小,以保持其后面图像的相对位置和大小

所以我知道只要 max-width: 100% ,但我不确定如何完成(2)。如果需要的话,我可以使用一些javascript,但是我想知道是否有一种方法可以在纯css中实现这一点。如果我确实需要使用javascript,我可以挂接什么来检查打印页面中图像的像素宽度?只是用计算出的宽度作为正常值?

是的,这个问题可能更适合 DocType 但是 I've yet to get any help over there .

2 回复 | 直到 15 年前

rampion 15 年前

我的问题是 overflow: auto 在主div中,导致内容溢出打印页。

为了修好它,我所需要做的就是 overflow: none .

这个 溢出:自动 是什么让它像印刷品一样

http://rampion.github.com/4eCharSheet/doc/printer-problem.png http://rampion.github.com/4eCharSheet/doc/printer-problem.png

graphicdivine 15 年前

我想你可以把它交给打印机司机如果您可以修剪图像周围的空白,然后用css替换屏幕上的边距,然后在打印媒体样式表中再次删除它。在页边空白处加厚会引起问题。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

5 月前

Alex · 在轻量级中同时解构和不解构变量

5 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

5 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

5 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

5 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

5 月前