首先得明确说：前端层面没办法直接强制浏览器把打印默认缩放设为50%——因为打印缩放属于浏览器的用户偏好设置，浏览器为了用户体验和安全，不会允许网页直接修改这个默认值。不过，你提到的「100%打印时浏览器强制转移动端视图」的问题，完全可以通过@print打印样式来解决，同时还能实现和50%缩放一样的完美打印效果，这是目前跨浏览器最可靠的方案。

下面具体说怎么操作：

核心思路：用打印样式模拟50%缩放+避免移动端断点 #

浏览器在打印时会重新计算视口宽度，这就是为什么100%打印时会触发移动端视图——它把打印页面的宽度当成了移动端设备宽度。我们可以通过打印样式重置视口，同时缩放内容，达到和50%缩放一致的效果：

1. 重置打印视口，避免移动端断点 #

在@print媒体查询里设置视口宽度为原页面的2倍，这样浏览器就会用桌面端的样式渲染打印内容：

@media print {
  @viewport {
    width: 200vw;
  }
}

2. 缩放内容到50%，并调整容器尺寸 #

把页面内容容器缩放50%，同时把容器宽度设为200%，确保缩放后内容刚好适配打印页面：

@media print {
  /* 重置body样式，避免默认边距干扰 */
  body {
    width: 200%;
    margin: 0;
    padding: 0;
  }

  /* 假设你的页面内容都包裹在这个容器里，根据实际情况调整选择器 */
  .site-container {
    transform: scale(0.5);
    transform-origin: top left; /* 从左上角开始缩放，避免内容偏移 */
    min-height: 200vh; /* 确保高度足够，防止内容被截断 */
  }
}

3. 优化打印细节（可选） #

还可以调整打印页边距、隐藏不需要打印的元素（比如导航栏、广告），让打印效果更完美：

@media print {
  /* 设置打印页边距 */
  @page {
    margin: 1cm;
  }

  /* 隐藏不需要打印的元素 */
  .site-header, .site-footer, .ad-banner {
    display: none !important;
  }
}

为什么不推荐其他方法？ #

有些开发者会尝试用JavaScript在window.print()之前修改浏览器缩放，但这种方法非常不可靠：

• 不同浏览器的缩放API不统一（Chrome有window.devicePixelRatio，但Firefox/Safari不支持直接修改）
• 浏览器可能会阻止这种修改行为，尤其是在隐私或安全更新后
• 用户手动调整缩放后，设置会失效

所以，@print打印样式是目前唯一能稳定解决你两个问题的方案——既能让打印内容呈现50%缩放的完美效果，又能避免浏览器触发移动端视图。

内容的提问来源于stack exchange，提问作者Edgar Grepo