CSS不同浏览器排版错位如何解决？

kuku_988 2020-05-30 03:26:33

有高手吗？麻烦给段示范代码我，谢谢！

...全文

383 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

wylwyl1108 2020-10-23

打赏
举报

遇到这种问题，一般都是自己排查解决，把代码注释了

kmokd 2020-06-10

打赏
举报

请仔细阅读https://blog.csdn.net/weixin_30375427/article/details/97906258
基本可以对号入座。

kuku_988 2020-05-31

打赏
举报

引用 2 楼 kmokd 的回复：

我的解决方法是：
1.在头部写为：
<!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"><html><head><meta charset="utf-8" />
<META http-equiv="Content-Type" content="text/html"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><META http-equiv="Cache-Control" content="no-transform"><META http-equiv="Cache-Control" content="no-siteapp"><META content="novel" property="og:type">
<LINK href="css.css" rel="stylesheet" type="text/css">
<title></title></head>
2.在.css中写入：
body {
margin: 0px auto; font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto;
}
div {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
ul {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
li {
list-style-type: none;
}
dl {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
dd {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
p {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
h1 {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
h2 {
margin: 0px; padding: 0px; -ms-zoom: 1;
}

h3 {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
h4 {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
.text {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
a {
color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
color: rgb(253, 85, 0); text-decoration: underline;
}
img {
border: currentColor; border-image: none;

我居然看不懂

kmokd 2020-05-31

打赏
举报

我的解决方法是：
1.在头部写为：
<!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"><html><head><meta charset="utf-8" />
<META http-equiv="Content-Type" content="text/html"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><META http-equiv="Cache-Control" content="no-transform"><META http-equiv="Cache-Control" content="no-siteapp"><META content="novel" property="og:type">
<LINK href="css.css" rel="stylesheet" type="text/css">
<title></title></head>
2.在.css中写入：
body {
margin: 0px auto; font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto;
}
div {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
ul {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
li {
list-style-type: none;
}
dl {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
dd {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
p {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
h1 {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
h2 {
margin: 0px; padding: 0px; -ms-zoom: 1;
}

h3 {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
h4 {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
.text {
margin: 0px; padding: 0px; -ms-zoom: 1;
}
a {
color: rgb(51, 51, 51); text-decoration: none;
}
a:hover {
color: rgb(253, 85, 0); text-decoration: underline;
}
img {
border: currentColor; border-image: none;