`

网页兼容性 需要注意的三点

 
阅读更多

最近搞公司网站的前端

发现有很多地方会导致兼容性问题 包括很出名的京东都存在的问题

首先第一个是网页的宽度 现在yahoo的宽度是972

京东的是1220

很明显当显示器是1024分辨率的时候 

京东的页面2边就有一些看不到的地方 

这个是页面设计师忽略的问题

1024分辨率以下的设备还有很多 大家需要注意

 

另外就是css里面的一些背景色 ie好像有种特性就是你不设的话就是默认 而且默认的很难看 可以参考 bet1876。com

 

还有一个是fixed 这个很难搞到ie和其他浏览器同时兼容 尽量避免

  • sb.zip (50.5 KB)
  • 下载次数: 1
分享到:
评论

相关推荐

    网页兼容性测试工具

    "网页兼容性测试工具"就是为了帮助开发者解决这个问题,它允许你快速、方便地在多种浏览器环境下检查和调试你的网站。 "网站兼容性"标签明确指出这个工具的重点是处理跨浏览器的兼容性问题。常见的兼容性问题包括但...

    一些通用的兼容性测试用例

    - **浏览器兼容性**:针对不同浏览器(如Chrome、Firefox、Safari、Edge等)进行测试,确保网页应用或插件在各浏览器中的布局、功能和性能一致性。 - **移动设备兼容性**:测试应用程序在不同品牌和型号的手机和...

    IE10兼容性白皮书

    在当今快速发展的互联网时代,网站的兼容性和用户体验显得尤为重要。IE10兼容性白皮书的发布,旨在帮助开发者解决在Windows 8和IE10环境下兼容性的问题,并充分利用HTML5带来的新特性,为用户提供更流畅和丰富的浏览...

    在新版IE中巧用“兼容性视图”设置解决网页显示不正常怎么办.docx

    ### 在新版IE中巧用“兼容性视图”设置解决网页显示不正常 #### 背景介绍 随着微软宣布自2014年4月起停止对Windows XP操作系统的技术支持,众多用户开始考虑将其操作系统从Windows XP升级至Windows 7、Windows 8...

    11款超赞的浏览器兼容性测试工具.docx

    了解IETester的重要性:IETester是专门用于测试网页在IE浏览器各个版本中兼容性的工具,版本包含IE5.5至IE9的各个版本。该工具对于IE浏览器的兼容性测试非常有价值,帮助开发者快速检测IE浏览器中的兼容性问题。 3....

    jsp浏览器的兼容性

    浏览器兼容性解决方案 在 Web 开发中,浏览器兼容性是一个常见的问题,对于 JSP 开发人员来说尤其重要。本文档旨在帮助 JSP 开发人员解决浏览器之间的兼容性问题,提出解决方法,涵盖 Firefox、谷歌、百度和 IE6/7/...

    七个能够帮助你进行网页浏览器兼容性测试的工具

    由于采用队列机制,可能需要等待一段时间才能获取结果,但其广泛的浏览器覆盖范围使得它在初步的跨浏览器兼容性检查中非常有价值。 这些工具可以帮助开发者在不同的浏览器和操作系统环境下检查网页的显示效果,确保...

    CSS属性兼容性对照表

    资源名称:CSS 属性兼容性对照表内容简介: CSS属性兼容性对照表 PDF,主要是列出一些CSS2.0/CSS2.1在各个版本的IE、火狐等主流浏览器下的兼容支持问题,此表有助于以后书写出全兼容的WEB标准化网页打下基础,前端...

    浏览器兼容性问题简介

    资源名称:浏览器兼容性问题简介内容简介:浏览器兼容性问题分类浏览器的“模式”如何编写具有良好兼容性的网页显示问题:CSS兼容性height/width, position:fixed, …脚本问题:Java script 兼容性DOM, Date....

    web兼容性超好的三个HTML视频播放器代码,vediojs,hlsplayer;flowplayer

    兼容性超好的三个HTML视频播放器代码,vediojs,hlsplayer;flowplayer,亲测能用,兼容绝大多数手机浏览器,其中vediojs,hlsplayer;兼容性比flowplayer更好

    LabVIEW和LabVIEW运行引擎兼容性

    升级系统或软件时,需要了解LabVIEW和LabVIEW运行引擎的兼容性关系,以避免安装不兼容的软件版本导致程序错误或LabVIEW选板或函数丢失。 LabVIEW和LabVIEW运行引擎的兼容性规则 1. 在LabVIEW 2016或更早版本中构建...

    Web浏览器兼容性测试工具如何选择?

    对于前端开发工程师来说,网页兼容性测试工程师而言,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,领测软件测试网向您推荐12款很棒...

    如何启用和和取消QQ浏览器兼容性视图?.docx

    1. 当不再需要兼容性视图时,同样可以在“兼容性视图设置”中找到已添加的网站,选中后点击“删除”即可取消。 2. 如果是通过破碎的纸张图标启用的,再次点击此图标,浏览器将返回正常模式。 **为什么有些网站启用...

    如何使用IE9的兼容性视图.docx

    兼容性视图是IE9的一项特性,它允许浏览器以不同的渲染引擎来显示网页内容,从而解决与旧版IE兼容性相关的问题。简单来说,就是让IE9能够像早期版本的IE那样渲染网页,确保页面在新版本的浏览器中也能正常显示。 ##...

    QQ浏览器中什么是兼容性视图-.docx

    首先,我们需要理解什么是兼容性视图。QQ浏览器的兼容性视图是一种特殊设置,它允许用户以类似旧版Internet Explorer(IE)的方式浏览网页。旧版IE在互联网历史上拥有着巨大的影响力,许多早期的网站都是基于IE的...

    如何在win8电脑中关闭IE浏览器的兼容性视图设置?.docx

    ### 如何在Win8电脑中关闭IE浏览器...通过上述步骤,您可以在Win8系统中有效地关闭IE浏览器的兼容性视图设置,从而避免因兼容性问题导致的网页显示异常情况。同时,根据具体情况采取额外措施,以确保浏览体验更加顺畅。

    Windows Edge 兼容性问题修复

    Windows Edge 启动提示兼容性问题:【一个不兼容的软件尝试与Microsoft Edge一起加。。。】 错误代码:STATUS_INVALID_IMAGE_HASH 解决方法:通过新增注册表项,使edge与其添加的插件能同时启动

    IE11兼容性问题完美解决(用户代理字符串)

    在IE11中,由于微软试图提高对现代Web标准的支持,其默认的UA字符串可能会导致一些旧的网页或应用误认为它是更现代的浏览器,从而可能导致兼容性问题。例如,某些依赖于特定IE版本特性的JavaScript代码可能无法正确...

    网页飘窗,兼容当前所有浏览器

    在本案例中,我们讨论的是一个兼容性极佳的网页浮动飘窗,它能够正常工作在多种浏览器环境下,包括较旧版本的Internet Explorer(如ie7/8/9/10)以及Firefox等现代浏览器。 首先,我们要理解“飘窗”这个概念。网页...

Global site tag (gtag.js) - Google Analytics