写了一段前端代码，TT浏览器不兼容，排字错位
日期：2014-05-16 浏览次数：20692 次
写了一段前端代码，TT浏览器不兼容，排版错位
1.据说TT浏览器是IE的内核，但是为什么我在IE打开都是对的，在TT却不行，排版乱了。
2.有没有什么好的浏览器兼容，或者浏览器之间特性区别相关的资料，共享一下嘛~小女感激不尽。
3.对于学习前端，有没有什么好的建议？
下面贴代码，复制到dreamweaver就可以运行。IE正常，TT不行。。。
1.据说TT浏览器是IE的内核，但是为什么我在IE打开都是对的，在TT却不行，排版乱了。
2.有没有什么好的浏览器兼容，或者浏览器之间特性区别相关的资料，共享一下嘛~小女感激不尽。
3.对于学习前端，有没有什么好的建议？
下面贴代码，复制到dreamweaver就可以运行。IE正常，TT不行。。。
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link type="text/css" rel="stylesheet" href="css/reset.css"/>
<link type="text/css" rel="stylesheet" href="css/custom.css"/>
<title>订单</title>
<style>
/*=================
reset
===================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*===================
global
=====================*/
a{ text-decoration:none;}
ul li{ list-style:none;}
.ul_fl li{ float:left;}
.fl{float:left;}
.fr{float:right;}
.dis{ display:inline-block; vertical-align:top;}
.disbtm{display:inline-block; vertical-align:bottom;}
.wid{ min-width:942px; margin:0 auto;} //一般用来给content
.vam{ vertical-align:middle;}
.clear{ clear:both;}
/*清除浮动 >>cc作用于父模型 >>c作用于浮动模型后，父模型区域里*/
.cc{zoom:1;}
.cc:after{content:'\20';display:block;height:0;clear:both;visibility:
hidden;}
.c{clear:both;height:0;font:0/0 Arial;overflow:hidden;width:0;}
/*========================
layout
=========================*/
body{ background:url(../img/bg_body_hp.jpg); font:13px "微软雅黑";}
.top{ height:104px; background:url(../img/bg_topbar.png) repeat-x;}
.header,.nav{ width:966px; margin:0 auto;}
.header{ color:white; height:46px;}
.content{ min-width:966px; margin:0&
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
