如何做到网站改版后兼容多种终端？?

网站改版后兼容多种终端可以采用响应式设计，以确保网站在多种终端上都能正常显示。响应式设计是一种网页设计方法，它可以根据终端的大小自动调整网页内容的布局和图片的尺寸，以确保用户能够良好的使用体验。

1、首先要建立一个有弹性的网格系统，这样可以帮助网页的元素自动缩放，以自适应不同的屏幕尺寸。可以把网格系统建立在不同的容器内，每个容器都有固定的比例，根据屏幕的宽度自动改变网页元素的大小。

2、要根据不同的终端设置不同的样式，可以使用媒体查询的方法，根据屏幕的宽度调整不同的样式，比如把一个大屏幕上的图片换成一个小屏幕上的图片，以便节省流量。

3、要设置一个断点，断点可以检测屏幕的宽度，根据不同的宽度加载不同的样式，以便让网页在不同的终端上都能正常显示。

4、要尽可能多的使用CSS3和H5语言，它们支持更多的元素和动画，可以让网页的内容更加精美，更加易于阅读和理解。

5、要使用测试工具，测试工具可以检测网页在不同终端上的显示效果，以确保网页在不同终端上都能正常显示。

以上就是网站改版后兼容多种终端的方法，它们可以帮助网页在不同终端上都能正常显示，从而提高用户的使用体验。