VISTA牵出的css兼容问题

最新推荐文章于 2022-12-01 15:30:21 发布
最新推荐文章于 2022-12-01 15:30:21 发布
阅读量341 收藏
点赞数
分类专栏： web开发 文章标签： css 平台 windows 浏览器 测试 xp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ygj281583295/article/details/4873139
版权

前端时间做了一个平台网站。在windows xp 浏览器各个版本测试后都没问题，但是偶然一次 看到在vista 系统下页面不限了变形，就其原因还是写css代码没有更加严格的要求，最终查找原因有二

一、在定义字体样式时没有严格定义字体的font-family属性，在Vista会有一条自己的默认字体来代替本身的默认字体，导致页面混乱

二、设置标签高度或者宽度是是单位没有规定好，比如是px 还是很pt，在不同客户端平台下解析也不一样

ygj281583295
关注
专栏目录
CSS 浏览器兼容问题探讨
前端基地
09-28 961
本文主要介绍了 CSS 的浏览器兼容问题。包括浏览器介绍、CSS 选择器兼容情况，还给出了 ie6 微型盒子兼容解决方法、ie6 双倍 margin 问题处理以及解决 div 中放 img 元素导致 div 高度多出几像素的方法。
css总结及常考问题
zhaohb2016的博客
07-11 697
参考问题介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？box-sizing属性？css模型的盒模型都具备content，padding，border,margin这些属性伪类：表示已存在的某个元素的某种状态，通过dom树结构又无法表示，就通过伪类来添加样式。 ：link，：visited,;hover,:first-child,:last-child,:disabled,:enabled伪元素：顾名思义伪装成元素，但不是元素，这与生成内容相关。生成内容主要指由浏览器创建的内容，而不是由
使用css模拟vista毛玻璃效果
weixin_33827965的博客
06-18 178
近来Windows Vista的毛玻璃效果一直受到界内同行的争相模仿。小弟不才，也来发表下自己的拙见。 首先准备两张背景图片，一张为正常图片，另外一张表现为正常图片的模糊效果。 利用css里面对背景的定义，将正常图片设置成为body节点的背景（注意body的margin必须设置为0，不然模糊的图片和正常的图片会有位置偏移），并且设置background-attachment的属性为fixed。...
好用的 CSS 編輯器：CSSVista
weixin_30772105的博客
11-10 46
不知道各位同行都是怎樣編輯 CSS 的，就我見過最常用的不外乎是：文本編輯器 + 瀏覽器、Dreamweaver + 瀏覽器、具備 WYSIWYG 功能的 IDE（譬如說 JDeveloper）這三種方式。前者不消說了，地球人都知道是項效率極低的牛活，而後兩者又很笨重，尤其對低端機器來說更是惡夢，嗯...我想你的老闆還不至於會慷慨到給一台能流暢流行 JDeveloper 的機器你用吧，而最主要...
CSS基础以及兼容IE方法
weixin_30879169的博客
02-18 237
1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2 box-sizing属性？ 用来控制元素的盒子模型的解析模式，默认为content-boxcontext-box：...
css3兼容
weixin_42684143的博客
04-15 503
1.pc端 360 火狐 谷歌 ie8+ edge浏览器 苹果浏览器 搜狗 （常见的浏览器都得测） 2.移动端 1.常见的手机的内置浏览器 2.常见的手机的UC浏览器 3.常见手机微信里面 3.ie8怎么做兼容？ 1.正常代码符合w3c标准是没有问题的 2.ie8上面尽量不要用css3的特效 （不支持） 3.针对ie8调试，调试好以后再其他浏览...
3D效果vista下chrome出现反面不兼容问题针对属性backface-visibility
qq_35038331的博客
05-16 1502
-webkit-backface-visibility: visible;//先设置显示 -webkit-backface-visibility: hidden;//再设置隐藏
CSS面试题
最新发布
rhcjqmm666的博客
12-01 356
CSS面试题
CSS（一）
qq_51667621的博客
07-09 1897
CSS测试题
div+css实现蓝色vista风格css导航菜单效果
09-25
- 虽然示例代码中没有提及，但在实际应用中，开发者还需要考虑不同浏览器之间的兼容性问题，可能需要使用CSS hack或者前缀（如 `-webkit-`, `-moz-`, `-ms-`, `-o-`）来确保在所有主流浏览器上的正常显示。...
vista CSS二级菜单
03-27
由于早期版本的IE浏览器对CSS支持不完全，因此需要单独的CSS文件来解决兼容性问题。 四、其他文件作用： 1. `index.html`：这是网站的主页面文件，其中包含了HTML结构，包括一级和二级菜单的列表元素。 2. `1121....
css中默认中文字体font-family列表
09-25
7. 微软雅黑体（MicrosoftYaHei）：这是Windows Vista及其后续版本中新增的中文字体，具有现代感并且优化了屏幕显示效果，成为Windows系统中常用的界面字体。 除了系统自带的字体外，安装Microsoft Office套件也会...
vista_test
03-04
综合以上信息，我们可以推测"vista_test"是一个专注于Windows Vista平台的测试项目，其中可能涉及了CSS兼容性测试，特别是CSS3的新特性。项目的核心部分——"vista_test-main"文件或目录，包含着实现测试目标的关键...
Tomcat启动时报：Failed creating java
塞外游侠的专栏
12-09 8533
Tomcat启动时报：Failed creating java     /jre6/bin/client/jvm.dll的错误。解决方法：把jdk/bin目录下的msvcr71.dll复制到tomcat安装目录的/bin下即可jdk和tomcat均为安装版本
Meta标签详解，base网页元素详解
塞外游侠的专栏
06-10 2869
<br />您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广 <br />个人网站，人们首先想到的方法无外乎以下几种： <br /><br />● 在搜索引擎中登录自己的个人网站 <br /><br />● 在知名网站加入你个人网站的链接 <br /><br /><br />● 在论坛中发帖子宣传你的个人网站 <br /><br /><br />很多人却忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，
Apache Axis2 环境搭配详解
塞外游侠的专栏
08-06 2825
   WebService概念：它可以让一个程序透明的调用互联网程序，不用管具体实现细节，只要WebService公开了服务接口，远程客户端就可以调用服务。Webservice基于HTTP协议，它是分布式应用程序的发展趋势。    Apache Axis是一个开源的WebSerbive运行引擎，现在拥有1.x和2.x两个版本。本文讲解Axis2.x版本，该版本较Axis1.x版本在体系结构上进行了重写，具有更高的效率、更加模块化也更加面向XML。Axis应该是最早一批SOAP（简单对象访问协议），该协议提供
常见浏览器兼容性问题与解决方案
塞外游侠的专栏
08-25 2678
<br />      所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。<br />51CTO推荐阅读：完全免费 跨浏览器兼容测试8大利器<br />在学习浏览器兼容性之前，我想把前端开发人员划分为两类：<br />第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他
ibatis自动生成键selectkey（Oracle、MYSQL、MSSQL、SQLITE）
塞外游侠的专栏
03-05 2344
我们在数据库插入一条数据的时候，经常是需要返回插入这条数据的主键。但是数据库供应商之间生成主键的方式都不一样。有些是预先生成(pre-generate)主键的，如Oracle和PostgreSQL；有些是事后生成(post-generate)主键的，如MySQL和SQL Server。但是不管是哪种方式，我们都可以用iBATIS的节点来获取语句所产生的主键。例子如下：   insert i
EXTJS 同步和异步请求
塞外游侠的专栏
06-01 2129
同步方式请求：var conn = Ext.lib.Ajax.getConnectionObject().conn;conn.open("GET", 'your url',false);conn.send(null);alert(conn.responseText);关键是要设置false这个参数异步方式请求：Ext.Ajax.request({         url : 'listpublishersms.action',         success : function(response, opt
Thinkpad问题解答：升级VISTA、优化速度与密码管理
对于ThinkVantage密码管理器，用户可以进入“首选项”“高级”设置，取消“Internet Explorer”和“Windows应用程序”的勾选，以减少其在使用中的弹出。如果希望完全卸载，可以卸载CSS（Client Security Solution）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值