前端Web应用要实现跨平台兼容，通常需要遵循以下几个原则：

1. 使用同一种HTML、CSS和JavaScript引擎：这有助于保持代码的一致性，并且可以减少跨平台的兼容性问题。

2. 使用CSS媒体查询：CSS媒体查询可以根据设备的特性（如屏幕宽度、设备方向等）来应用不同的CSS样式。这样可以确保在不同设备上的样式保持一致。

3. 使用设备特定的CSS样式：例如，在移动端，可以使用设备特定的CSS样式，以适应各种屏幕尺寸和方向。

4. 使用JavaScript库：JavaScript库（如React、Vue等）可以提供跨平台的组件化开发，这有助于简化前端开发，并且可以确保在不同设备上的应用程序风格一致。

5. 使用跨平台的框架：例如，Angular、React Native等框架可以提供跨平台的前端开发，这有助于简化开发过程，并且可以确保在不同设备上的应用程序风格一致。

6. 使用响应式设计：响应式设计可以根据设备的特性自动调整应用程序的布局和样式，这有助于确保在不同设备上的应用程序风格一致。

7. 测试和调试：在开发过程中，应定期进行测试和调试，以确保应用程序在不同设备上的表现一致。

总的来说，要实现跨平台兼容，需要遵循上述原则，并且在开发过程中进行充分的测试和调试。