网站兼容的计划与其他任何设计步骤一样是必不可少的。虽然一个详细的计划会占据相当多的时间,但是它能使网站兼容具有统一的外观和视觉,使网站兼容使用起来更加方便、快捷。在刚开始进行站点的创建时,为了确保站点成功,设计者应按照预定的规划步骤进行。即便创建的是一个很简单的小网站,仔细设计站点也是非常有用的,这样可以确保站点的每个浏览者都能够成功使用网站。

在设计和规划网站之前,用户需要考虑站点的受众群体。必须考虑潜在的用户是哪些人,对站点与其受众的清醒认识将极大地影响网站的设计风格。在确认网站的浏览群体后,还需要确认他们将使用何种设备(平板电脑、智能手机或台式机)、网络连接速度和浏览软件等,不同的设备。

浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,该问题指的是在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。用户在网站建设时做好浏览器兼容,才能使网站内容在不同的浏览器上都能够正常显示。

浏览器兼容性问题的产生,是因为不同的浏览器使用内核及所支持的HTML语言标准不同,以及客户端、移动端的环境不同〔如显示分辨率)造成的显示效果不同。最常见的浏览器兼容性问题是网页元素位置混乱、错位。具体的例子可以参考下面的网站：http://www.zhiyuanit.com/

目前,暂时没有统一解决浏览器兼容性问题的工具,最常用的解决方法是不断地在各种浏览器之间调试网页显示效果,通过CSs样式控制以及脚本判断赋予不同浏览器的解析标准。

要使网页在大部分浏览器中都能够正常显示,用户除了可以使用框架以外,还可以在开发网页的过程中使用JS、CSS框架,如 JqUery、 Mootools、96oGRid Systen等,这些框架无论是底层,还是应用层一般都已经做好了浏览器兼容,前端工程师在开发的时候可以放心使用。除此之外,CSS还提供很多Hack接口可供使用,Hack既可以实现跨浏览器兼容,也可以实现同一浏览器不同版本的兼容不过, CSS Hack不是w3C的标准,虽然能迅速区分浏览器版本,并能获得大概致的效果,但是同时也可能引起更多新的错误,因此,用户在使用时应注意取舍,不要轻易使用 CSS Hack。

另外,如果用户在网页的布局、动画、多媒体内容以及交互方面使用的较多并且比较复杂,在进行跨浏览器时它的兼容性就比较小。例如 Javascript特效并不是在所有的浏览器中都可以运行,一般情况下没有使用特殊字符的纯文本网页可以在任何浏览器中正确地显示,但是和图形、布局以及交互的页面相比,这样的页面又会在页面效果上欠缺很多。由于这些因素,用户在设计网页时应在制作最佳效果的同时,注重保持浏览器兼容性与设计之间的平衡。