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

最新推荐文章于 2024-11-05 08:39:33 发布
最新推荐文章于 2024-11-05 08:39:33 发布
阅读量233 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gguava/article/details/84223898
本文讨论了前端开发中常见的兼容性问题，例如不同分辨率下显示不全的问题及IE浏览器的默认背景色显示不佳的情况。此外还提到了使用fixed定位时遇到的兼容性难题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

最近搞公司网站的前端

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

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

京东的是1220

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

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

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

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

 

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

 

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

gguava
关注
类型兼容性原则
一路向北
02-27 2871
类型兼容规则是指在需要基类对象的任何地方，都可以使用公有派生类的对象来替代。通过公有继承，派生类得到了基类中除构造函数、析构函数之外的所有成员。这样，公有派生类实际就具备了基类的所有功能，凡是基类能解决的问题，公有派生类都可以解决。类型兼容规则中所指的替代包括以下情况： 子类对象可以当作父类对象使用 子类对象可以直接赋值给父类对象 子类对象可以直接初始化父类对象 父类指针可以直接指向子类对...
web开发实战，华为商城网页html源代码
m0_60144505的博客
07-24 4346
对于前端开发这个方向，即使『会了』……依然感觉很难，唉，说多了都是泪呀，我用三个亲身经历的怪现象来说明吧。 怪现象一：谁都可以指手画脚的前端开发 我职业生涯很长一段时间都在做前端开发，我也做过后端开发，两者一对比，给我影响最深的不是技术差异，而是——前端开发者听到的『需求修改意见』要比后端多得多。 后端这东西，毕竟是藏在后面的，外行不懂就是不懂，装不出来，他们也不好自取其辱乱比划，但是，前端嘛……谁都能看得见，没吃过猪肉还没见过猪跑，所以，谁都可以指手画脚提一点意见。 只看得见界面的产品经理可以提一些意见。
网页兼容性注意事项
weixin_30437481的博客
11-17 90
滚动页面，注意在小屏电脑上，高度变小，宽度变小后，显示是否正常； 转载于:https://www.cnblogs.com/Tpf386/p/6074243.html
兼容性问题_网站开发的自适应和兼容性问题
weixin_32052253的博客
12-30 494
随着科技和网络越来越发达，人们可以使用的智能产品也越来越多，以往只是电脑，现在有手机、平板、电子书、手环等等，非常多的电子智能产品，而作为在网络市场中，占有龙头地位的网站来说，就一定要考虑自己的自适应性和兼容性了，这两个问题看起来是对立的，其实它们却有着非常多的共同点。我们先来了解它们的特性，不管是自适应性，还是兼容性，它们都是要根据不同的设备，来改变自身的属性，举个例子来说，如果用户使用手机在看...
DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容
不要求你多么富有，但一定要温暖，热情，认真，用心
08-04 358
在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！ 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用...
浏览器兼容性的若干注意点小结
weixin_34228617的博客
05-26 140
浏览器兼容性的若干注意点小结 总结一下IE6和 IE7和 Firefox 的CSS hack写法 形象的总结一下Firefox 、IE6、IE7三种浏览器的CSS Hack写法：（其中橙色代表FF、蓝色代表IE6、绿色代表IE7） 区别IE6与FF： background: orange;  *background: blue; 区别IE6与IE7： background:...
怎样对齐文本框和图像(image)按钮实现三点一线
09-25
- 考虑到浏览器兼容性问题，可能需要使用浏览器前缀或特定的CSS技巧来确保样式的正确应用。 总之，实现文本框与图像按钮的三点一线对齐，需要通过细致的CSS调整，配合对不同浏览器行为的理解。实践过程中，建议逐个...
HTML学生个人网站作业设计：宠物网站设计——萌宠有家(5页) HTML+CSS 简单DIV布局宠物介绍网页模板代码 DW学生个人网站制作成品下载
VX_WJ88950106的博客
08-11 678
🐕 宠物网页设计 、🐼保护动物网页、🐋鲸鱼海豚主题、🐘保护大象、等网站的设计与制作。🏷️HTML宠物网页设计，采用DIV+CSS布局，共有多个页面，排版整洁，内容丰富，主题鲜明，首页使用CSS排版比较丰富，色彩鲜明有活力，导航与正文字体分别设置不同字号大小。导航区域设置了背景图。子页面有纯文字页面和图文并茂页面。🏅 一套优质的💯网页设计应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的......
网页设计中常见的兼容性问题
LFW的博客
08-05 769
常见兼容性问题1、png24位的图片在iE6浏览器上出现背景，解决方案是做成PNG8.2、浏览器默认的margin和padding不同。解决方案是加一个全局的 *{margin:0;padding:0;}来统一。3、IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。5、这种情况之下IE会产生20px的距离，解决方案是在float的标签样式
类型兼容规则
weixin_30411819的博客
02-02 575
定义：类型兼容规则是指在需要基类对象的任何地方，都可以使用公有派生类的对象来替代。因为公有继承，派生类得到了基类除了构造函数，析构函以外的所有成员。这样，公有派生类实际具备了基类的所有功能，凡是基类能解决的问题，公有派生类都可以解决。类型兼容规则所指的替代包括以下的情况：1.派生类的对象可以隐含转换为基类的对象。2.派生类的对象可以初始化基类的引用。3.派生类的指针可以隐含转化为基类的指针。注意：...
Typescript基础入门9-类型兼容性
qq_37203361的博客
01-30 1079
介绍 TypeScript里的类型兼容性是基于结构子类型的。 结构类型是一种只使用其成员来描述类型的方式。 它正好与名义（nominal）类型形成对比。（译者注：在基于名义类型的类型系统中，数据类型的兼容性或等价性是通过明确的声明和/或类型的名称来决定的。这与结构性类型系统不同，它是基于类型的组成结构，且不要求明确地声明。） 看下面的例子： interface Named { na
类型兼容规则和隐藏规则
小桥流水人
12-06 847
类型兼容规则：共有派生类替代基类对象。赋值，引用，指针。隐藏规则： 在没有虚函数的情况下，如果派生类中声明了与基类成员函数同名的新函数即使函数的参数表不同，从基类继承的同名函数的所有重载               形式也都会被隐藏A1共有派B1，B1共有派生C1 #include #include using namespace std;class A1{
C++类型兼容规则
qq_49723651的博客
05-08 1896
C++类型兼容规则 目录**C++类型兼容规则**一、概念二、代码三、注意事项和总结 一、概念 类型兼容规则是指在需要基类对象的任何地方,都可以使用公有派生类的对象来替代。通过公有继承,派生类得到了基类中除构造函数、析构函数之外的所有成员。这样，公有派生类实际就具备了基类的所有功能，凡是基类能解决的问题,公有派生类都可以解决。 再来看一下派生类中从基类中继承而来的成员和新增成员的关系： 虽然这个不是实际的物理模型，但是起码我们能大致明白两者的大致关系，同时也可以发现，派生类其实是可以被当作基类来使用的，因
谈谈兼容性测试
Qiu先生的博客
08-29 4106
一、软件兼容性测试 兼容性测试指待测试项目在特定的硬件平台上，不同的应用软件不同，不同侧操作系统平台上，在不同的网络等环境中能正常运行的测试。 兼容性测试的目地：待测试项目在不同的操作系统上正常运行，包括待测试项目能在统一操作系统平台上不同版本上正常运行；待测试项目能与其他的软件或系统的“和平共处”；待测试项目能在指定的硬件环境中正常运行；待测试项目能在没有网络的环境中正常运行。...
非功能性需求策略—兼容需求描述模板/方法
最新发布
可视化需求分析创始人
11-05 621
兼容性需求描述了系统与其他系统或平台的兼容性要求，如操作系统、浏览器等。
最全兼容性处理
前端-小张(qq:708819251 vx:zyj1c080)
11-03 1369
常见浏览器兼容性问题与解决方案 　　所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 　　在学习浏览器兼容性之前，我想把前端开发人员划分为两类： 　　第一类是精确按照
APP兼容性测试都需要考虑哪些场景？
伤心的辣条
09-09 1255
APP测试的时候都需要验证兼容性。那兼容性测试需要考虑哪些场景？ 进行APP的兼容性测试时，需要考虑以下一些常见的测试场景：
"Java小应用程序AppletPPT简介及使用方法
这段描述主要介绍了Java小应用程序Applet的基本概念和运行方式。 Applet是一种嵌入到HTML文件中的小型Java应用...在使用Applet时，我们需要注意浏览器的兼容性，并确保相关的字节码文件和类文件可以被正确下载和加载。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值