Struts 1迁移至Struts 2+Tiles 3后网页字体变大，求排查方案

我之前处理过类似的Struts迁移+Tiles集成问题，这种字体莫名变大的情况通常是框架默认行为导致的页面渲染差异，而非你手动修改了样式。下面是几个常见的排查方向和解决思路：

1. 检查页面渲染的基础结构差异 #

Tiles 3和旧版Tiles（Struts 1常用Tiles 1/2）的默认模板或布局处理逻辑有差异，最常见的是DOCTYPE声明和浏览器渲染模式的变化：

• 打开浏览器开发者工具（F12），对比迁移前后页面的最终HTML源码：
  • 如果旧项目用的是HTML4过渡型DOCTYPE（比如<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ...>），而Tiles 3默认生成了HTML5的<!DOCTYPE html>，浏览器会从quirks模式切换到标准模式，默认字体大小、行高等样式会发生变化。
  • 检查<head>中的meta标签，比如是否缺失了之前的viewport配置（即使是PC端，某些浏览器也会根据viewport调整字体缩放）。

解决思路：在Tiles的全局布局文件中手动指定和旧项目一致的DOCTYPE，或者在全局CSS中明确设置body的字体大小（比如body { font-size: 14px; }），覆盖浏览器默认样式。

2. 排查Struts 2标签的渲染差异 #

Struts 2的UI标签（如<s:text>、<s:form>等）默认使用xhtml主题，会自动给元素添加特定的CSS类（比如input、label），而Struts 1的标签可能没有这类默认样式。如果你的项目中没有为这些类定义对应的CSS规则，浏览器会用默认样式渲染，可能导致字体偏大。

排查步骤：

• 对比迁移前后同一组件的HTML输出，看是否新增了未定义的CSS类。
• 尝试在struts.xml中临时将全局主题改为simple（不添加任何默认样式），看字体是否恢复正常：

  <constant name="struts.ui.theme" value="simple" />
  

如果切换后字体正常，说明是Struts 2主题的默认样式导致的，你可以自定义主题或补充对应的CSS规则。

3. 检查Tiles 3的布局配置是否遗漏了全局样式 #

旧版Tiles的布局文件中可能引入了全局reset CSS或项目自定义的基础样式，但迁移到Tiles 3时，新的布局配置可能忘记了这些引入。比如：

• 检查Tiles 3的tiles.xml中定义的根布局，是否包含了旧项目中<link rel="stylesheet" ...>的全局CSS文件引用。
• Tiles 3可能默认引入了自身的基础样式（比如tiles.css），如果不需要可以在依赖中排除这类资源（比如Maven中排除tiles-theme依赖）。

4. 查看浏览器计算后的样式来源 #

用开发者工具的Elements面板，选中字体变大的元素，查看右侧的Computed标签，找到font-size和font-family的具体来源：

• 如果样式来自浏览器的user agent stylesheet（默认样式），说明你的项目中没有覆盖该元素的字体样式，而旧项目中可能通过全局CSS重置过。
• 如果样式来自某个自动引入的CSS文件，找到该文件的来源（可能是Tiles 3或Struts 2的依赖），然后决定是否排除或覆盖它。

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