响应式客户小票页面
代码语言:html
所属分类:响应式
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--[if !mso]><!--><link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><!--<![endif]-->
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<style>
table {border-collapse: collapse;}
td,th,div,p,a,h1,h2,h3,h4,h5,h6 {font-family: "Segoe UI", sans-serif; mso-line-height-rule: exactly;}
</style>
<![endif]-->
<style>
@media screen {
img {
max-width: 100%;
}
td,
th {
box-sizing: border-box;
}
u~div .wrapper {
min-width: 100vw;
}
a[x-apple-data-detectors] {
color: inherit;
text-decoration: none;
}
.all-font-roboto {
font-family: Roboto, -apple-system,"Segoe UI", sans-serif !important;
}
.all-font-sans {
font-family: -apple-system,"Segoe UI", sans-serif !important;
}
}
@media (max-width: 600px) {
.sm-inline-block {
display: inline-block !important;
}
.sm-hidden {
display: none !important;
}
.sm-leading-32 {
line-height: 32px !important;
}
.sm-p-20 {
padding: 20px !important;
}
.sm-py-12 {
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.sm-text-center {
text-align: center !important;
}
.sm-text-xs {
font-size: 12px !important;
}
.sm-text-lg {
font-size: 18px !important;
}
.sm-w-1-4 {
width: 25% !important;
}
.sm-w-3-4 {
width: 75% !important;
}
.sm-w-full {
width: 100% !important;
}
}
</style>
<style>
@media.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0