小白教程

 找回密码
 立即注册
查看: 10576|回复: 2

[已解决]CSS不同浏览器排版错位如何解决?

[复制链接]

1

主题

1

帖子

3

积分

新手上路

Rank: 1

积分
3
发表于 2021-5-5 10:33:07 | 显示全部楼层 |阅读模式
有大师吗?请给我一个演示代码,谢谢!
最佳答案
2021-5-5 10:33:56
解决方法是:在头部写为
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><html><head><meta charset="utf-8" />
  3. <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">
  4. <LINK href="css.css" rel="stylesheet" type="text/css">
  5. <title></title></head>
  6. 2.在.css中写入:
  7. body {
  8. 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;
  9. }
  10. div {
  11. margin: 0px; padding: 0px; -ms-zoom: 1;
  12. }
  13. ul {
  14. margin: 0px; padding: 0px; -ms-zoom: 1;
  15. }
  16. li {
  17. list-style-type: none;
  18. }
  19. dl {
  20. margin: 0px; padding: 0px; -ms-zoom: 1;
  21. }
  22. dd {
  23. margin: 0px; padding: 0px; -ms-zoom: 1;
  24. }
  25. p {
  26. margin: 0px; padding: 0px; -ms-zoom: 1;
  27. }
  28. h1 {
  29. margin: 0px; padding: 0px; -ms-zoom: 1;
  30. }
  31. h2 {
  32. margin: 0px; padding: 0px; -ms-zoom: 1;
  33. }

  34. h3 {
  35. margin: 0px; padding: 0px; -ms-zoom: 1;
  36. }
  37. h4 {
  38. margin: 0px; padding: 0px; -ms-zoom: 1;
  39. }
  40. .text {
  41. margin: 0px; padding: 0px; -ms-zoom: 1;
  42. }
  43. a {
  44. color: rgb(51, 51, 51); text-decoration: none;
  45. }
  46. a:hover {
  47. color: rgb(253, 85, 0); text-decoration: underline;
  48. }
  49. img {
  50. border: currentColor; border-image: none;
复制代码

本帖寻求最佳方案

,目前已有 2 个回复 我要奖励
回复

使用道具 举报

0

主题

1

帖子

1

积分

新手上路

Rank: 1

积分
1
发表于 2021-5-5 10:33:56 | 显示全部楼层 &
解决方法是:在头部写为
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><html><head><meta charset="utf-8" />
  3. <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">
  4. <LINK href="css.css" rel="stylesheet" type="text/css">
  5. <title></title></head>
  6. 2.在.css中写入:
  7. body {
  8. 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;
  9. }
  10. div {
  11. margin: 0px; padding: 0px; -ms-zoom: 1;
  12. }
  13. ul {
  14. margin: 0px; padding: 0px; -ms-zoom: 1;
  15. }
  16. li {
  17. list-style-type: none;
  18. }
  19. dl {
  20. margin: 0px; padding: 0px; -ms-zoom: 1;
  21. }
  22. dd {
  23. margin: 0px; padding: 0px; -ms-zoom: 1;
  24. }
  25. p {
  26. margin: 0px; padding: 0px; -ms-zoom: 1;
  27. }
  28. h1 {
  29. margin: 0px; padding: 0px; -ms-zoom: 1;
  30. }
  31. h2 {
  32. margin: 0px; padding: 0px; -ms-zoom: 1;
  33. }

  34. h3 {
  35. margin: 0px; padding: 0px; -ms-zoom: 1;
  36. }
  37. h4 {
  38. margin: 0px; padding: 0px; -ms-zoom: 1;
  39. }
  40. .text {
  41. margin: 0px; padding: 0px; -ms-zoom: 1;
  42. }
  43. a {
  44. color: rgb(51, 51, 51); text-decoration: none;
  45. }
  46. a:hover {
  47. color: rgb(253, 85, 0); text-decoration: underline;
  48. }
  49. img {
  50. border: currentColor; border-image: none;
复制代码
回复

使用道具 举报

0

主题

1

帖子

1

积分

新手上路

Rank: 1

积分
1
发表于 2021-5-5 10:34:18 | 显示全部楼层
遇到这类问题,一般都是自己解决故障,代码注释
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|小白教程 ( 粤ICP备20019910号 )

GMT+8, 2024-11-28 07:20 , Processed in 0.033917 second(s), 24 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc. Template By 【未来科技】【 www.wekei.cn 】

快速回复 返回顶部 返回列表