网站设计解决跨浏览器兼容性respond.js解决方法

在网站开发的时候，设计商一个常见的问题是跨浏览器兼容性，跨不同浏览器的兼容性，兼容性代表什么，须确保网站设计正常工作，其外观在平台上都没有错误功能正常，在设计时，必须不遗余力保持跨浏览器兼容性。

    新CSS3版本中引入的许多新CSS功能，得到主流浏览器的广泛支持，但是有些是不可识别的，如果设计依赖于不支持的CSS，可能会造成重大问题。不仅仅是各种浏览器类型，同一浏览器的不同版本技术也不同，进一步使跨浏览器兼容性变得复杂。对于浏览器兼容性问题，照片和媒体需要灵活并适应不同的设备，同时不会减慢页面加载速度，对于不同屏幕尺寸，在高分辨率显示器上的性能等问题，没有确定的解决方案。

    对所有设备使用单个映像并不是一个明智的解决方案，用户加载设计所需的时间。加载超慢速图像后，这些高分辨率图像可能会以原始大小的四分之一显示。媒体查询不适用于旧版浏览器，只有更新过的具有强大CSS3支持的浏览器，才能正确地看到应用了许规则的响应式网页。也可以采用respond.js脚本，使旧的浏览器版本能够理解和执行CSS3媒体查询，在页面上调用此脚本，为旧版浏览器添加对媒体查询和所有媒体类型的支持。新的CSS浏览器和智能手机设计的浏览器中读取，使旧版浏览器读取媒体查询中的CSS3指令。

可以下载完整版本的库，如果只需要在浏览器中测试CSS3的兼容性，可以设置库提供的各种并创建自己的压缩代码。将代码粘贴到外部js文件中，包含在HTML文档的标记中。在单个文件中使用CSS3，这个库要求将代码分成几个CSS文件，每个文件对应一种设备类型，该库解析设备的分辨率并调用为该特定屏幕分辨率设计的CSS。

    可以下载脚本查看它是如何工作的，使用以下行激活页面上的库，在范围中看到CSS文件列表，每组分辨率都有一个，这些文件中的每一个都包含仅与特定设备相关的CSS属性，应用于屏幕大小的常见CSS应该包含在不同文件中。创建初始站点后，根据需要还要进行日常维护和更新，网站保持最新状态。在网站维护的之前，生成构成网站的html和详细信息，尽管所有html和css标记与网页浏览大致相同，但html和css的格式对代码产生影响很大。

    网站设计编写代码，交付站点时代码的状态，以及兼容是很重要的。在交付网站，维护站点时直接编辑html，则会产生差异。如果雇用创建网站组件，例如数据库动态元素，使用工具来编写html代码，在代码中插入解释性注释和分隔符，开发代码以最大程度地兼容维护工具。HTML和CSS代码验证，功能完善的页面都会相对较小的代码错误，如果有页面从测试中找到html代码问题，在代码验证过程中需要重新审核。如今的网页比过去的网页复杂得多，移动设备和其他设备现在可以显示网页，搜索展示对于成功的网站至关重要。如果网站主要针对本地受众，那么必须在标准Web索引中列出的内容，网络可以记录有关访客的信息，站点日志会跟踪在给定时间内有多少人看到站点，提供有关站点用户的地理位置的信息。网站日志以进行长期分析，根据需求和变化添加信息类别。