响应式客户小票页面

代码语言: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