@media print { .content { width: 100%; } img { max-width: 100%; height: auto; } }
上述代码首先使用@media print指定了样式应用于打印时,然后使用.content和img选择器对内容和图片进行设置。
对于.content,大家将宽度设置为100%,使其充满整个页面。对于img,大家将max-width设置为100%,这样可以防止图片在打印时超出页面,同时大家将height设置为auto,保持图片的宽高比例,防止变形。
使用CSS控制打印时缩放问题,可以保证打印出来的内容和网页上的内容保持一致。如果你是一名Web开发人员,这实质上是你必须掌握的技能之一。