Select.HtmlToPdf.NetCore v21.1.0生成PDF时CSS渲染异常问题咨询

• 先对照IE7/8支持的CSS属性列表做初筛，Select.HtmlToPdf.NetCore v21.1.0的内置渲染引擎内核和IE7/8高度对齐，所有IE7/8不支持的属性在组件里都会失效，比如flex、grid、CSS3动画、rgba透明值（部分场景）、伪类nth-child等。
• 可以在本地启用IE浏览器开发者工具，将文档模式切换到IE8，直接预览你的HTML，所有在IE8下不生效的样式就是SelectPDF里不生效的样式，不需要额外排查组件本身的问题。
• 排查时可以逐行注释CSS，刷新IE8预览，定位到具体失效的属性后替换为兼容写法。

• 布局优先使用浮动(float)、定位(position)、表格(table)布局实现，不要使用flex、grid等现代布局属性。
• CSS选择器尽量使用基础类选择器、ID选择器、标签选择器，不要使用复杂的后代组合选择器、伪类选择器如nth-of-type、last-child等。
• 颜色值优先使用十六进制写法（比如#FFFFFF），不要使用rgba、hsl等带透明通道的颜色属性，确需透明的场景可以使用IE专属的filter:Alpha(opacity=50)写法实现。
• 不要使用CSS3的圆角（border-radius）、阴影（box-shadow/text-shadow）、渐变（gradient）等属性，确需实现的话可以用背景图片替代。
• 所有元素宽度高度尽量指定固定值，不要使用百分比自适应的弹性布局，避免不同渲染引擎计算尺寸出现偏差。

• 开发HTML模板时优先以IE8的渲染效果作为基准调试，只要IE8下显示正常，SelectPDF生成的PDF就和IE8效果完全一致。
• 如果需要Chrome和PDF效果一致，就不要使用任何IE8不支持的CSS属性，所有样式都用兼容IE8的写法实现，Chrome对旧版CSS属性是完全向后兼容的，所以兼容IE8的样式在Chrome里也可以正常渲染。
• 可以在SelectPDF初始化时添加强制兼容配置，示例代码：

HtmlToPdf converter = new HtmlToPdf();
// 开启IE兼容模式，匹配旧版渲染逻辑
converter.Options.IeCompatibilityMode = true;
// 统一使用打印类型CSS媒体规则
converter.Options.CssMediaType = HtmlToPdfCssMediaType.Print;
// 固定页面缩放比例，避免尺寸偏差
converter.Options.Zoom = 100;

• 调试时可以先把HTML在IE8下调整到和Chrome效果一致，再放到SelectPDF里生成PDF，就能保证两端效果对齐。

内容的提问来源于stack exchange，提问作者Pravin Ingle