html跨浏览器兼容性问题

之前写代码没注意到，这次学习了。

首先 img的width和height属性在IE浏览器中不起作用，可以设置一个div，让img标签在div块中，div中设置style:overflow:hidden,然后用div的宽和高来定义图片的宽和高。

第二个就是，clear:both,在有float属性的地方要用这个属性清除流动。

第三个就是margin:auto，在IE8中不起作用，可以在文件最前面加上下面两行：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

　　最后一点，就是在div中如果要 margin:auto其作用，需要设置div的宽度，比如加上<style ="width:80%;margin:auto;">,不然也起步到居中的效果。

在写网页时，最好不要多用margin和padding，因为各个浏览器标准不同。

还有很多的问题需要学习。

html跨浏览器兼容性问题相关推荐

CSS实现跨浏览器兼容性的盒阴影效果
2019独角兽企业重金招聘Python工程师标准>>> CSS实现跨浏览器兼容性的盒阴影效果一.无关紧要碎碎念在web页面的ui表现中,投影效果可以说是非常常见的一种表现效果了. ...
html 引入js 兼容,JS跨浏览器兼容性解决思路及方案汇总，常见JS兼容性知识点汇总...
上篇文章我们介绍了,处理CSS浏览器兼容性的4个解决方案:浏览器CSS样式初始化.浏览器私有属性,CSS hack语法和自动化插件,有兴趣的可以看看,链接放到本文结尾本文主要介绍JS的跨浏览器兼容性 ...
postcss解决兼容_使用PostCSS进行跨浏览器兼容性
postcss解决兼容在上一个教程中,我们总结了本系列的"快速入门"部分,现在我们可以继续使用PostCSS生成样式表,并使用各种类型的插件实现各种目的. 在本教程中,我们将使用 ...
牛人推荐的跨浏览器兼容性总结
一. CSS样式兼容 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因.如果父 ...
兼容浏览器_你知道什么是跨浏览器兼容吗？
文章来自:卓码软件测评在过去的二十年里,互联网得到了巨大的发展.1998年只有大约240万个网站,而现在已经有大约18亿个了,这正好是74900%的增长.不仅如此,互联网用户的数量也从1998年的1 ...
第十二期:七种优秀的浏览器兼容性测试工具
本文向您介绍目前最为流行的.面向开发人员的七大浏览器兼容性测试工具. 作者:陈峻在许多谈及网站或Web应用开发的场合,开发人员最为关心的莫过于跨浏览器的兼容性问题.如您所知,诸如:计划.设计.测试等 ...
这8款浏览器兼容性测试工具，用了以后测试效率可以“起飞”~~
浏览器的兼容性问题,是指不同浏览器使用内核及所支持的 HTML 等网页语言标准不同,用户客户端的环境不同造成的显示效果不能达到理想效果. 对于用户而言,无论使用哪款浏览器,期望看到的效果是正常的统一的 ...
超好用的浏览器兼容性测试工具，赶紧收藏!
在信息爆炸的今天,浏览器是我们上网搜索信息的必备工具,浏览器拥有较好的兼容性可以提升用户体验,浏览器的兼容性测试是测试人员绕不开的话题,属于软件测试必备的流程之一,小编整理了以下几个超好用的浏览器兼容 ...
6种优秀的浏览器兼容性测试工具
在许多谈及网站或Web应用开发的场合,开发人员最为关心的莫过于跨浏览器的兼容性问题,因为跨浏览器兼容性测试是Web应用或网站开发中最为关键的一个环节.今天小编就给大家介绍目前流行的.面向开发人员的6种 ...

html跨浏览器兼容性问题

html跨浏览器兼容性问题相关推荐

最新文章

热门文章