我正在使用以下断点创建电子邮件，但在使用断点时遇到一些问题。
下面的断点在移动的上不起作用，实际上我在另一封电子邮件中使用了相同的断点，它工作得很完美。

<style style="" type="text/css">

body {
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    -webkit-font-smoothing: antialiased !important;
  }
  img {
    border: 0 !important;
    outline: 0 !important;
  }
  p {
    margin: 0 !important;
    padding: 0 !important;
  }
  table {
    border-collapse: collapse;
    mso-table-lspace: 0;
    mso-table-rspace: 0;
  }
  td {
    border-collapse: collapse;
    mso-line-height-rule: exactly;
  }
  a {
    border-collapse: collapse;
    mso-line-height-rule: exactly;
  }
  span {
    border-collapse: collapse;
    mso-line-height-rule: exactly;
  }
  .ExternalClass * {
    line-height: 100%;
  }
  span.MsoHyperlink {
    mso-style-priority: 99;
    color: inherit;
  }
  span.MsoHyperlinkFollowed {
    mso-style-priority: 99;
    color: inherit;
  }
  .em_defaultlink a {
    color: inherit !important;
    text-decoration: none !important;
  }
 

  @media only screen and (max-width: 4ii80px) {
    table[class="em_wrapper"] {
      width: 100% !important;
    }
  }
  @media only screen and (max-width: 480px) {
    table[class="em_main_table"] {
      width: 100% !important;
    }
  }
  @media only screen and (max-width: 480px) {
    td[class="em_aside"] {
      padding: 0 10px !important;
    }
  }
  @media only screen and (max-width: 480px) {
    br[class="em_hide"],
    span[class="em_hide"],
    table[class="em_hide"],
    td[class="em_hide"] {
      display: none !important;
    }
  }
  @media only screen and (max-width: 480px) {
    img[class="em_full_img"] {
      width: 100% !important;
      height: auto !important;
    }
  }
  @media only screen and (max-width: 480px) {
    img[class="em_full_img1"] {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
    }
  }
  @media only screen and (max-width: 480px) {
    td[class="em_side"] {
      width: 10px !important;
    }
  }
  @media only screen and (max-width: 480px) {
    td[class="em_spc_20"] {
      height: 20px !important;
    }
  }
  @media only screen and (max-width: 480px) {
    td[class="em_gap_bottom"] {
      padding-bottom: 20px !important;
    }
  }
  @media only screen and (max-width: 480px) {
    td[class="em_height_25"] {
      height: 25px !important;
    }
  }
  @media only screen and (max-width: 480px) {
    td[class="em_f11"] {
      font-size: 11px !important;
    }
  }
  @media only screen and (max-width: 480px) {
    td[class="em_height_35"] {
      height: 20px !important;
    }
  }
  @media only screen and (max-width: 480px) {
    td[class="em_text"] {
      font-size: 18px !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    table[class="em_wrapper"] {
      width: 100% !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    table[class="em_main_table"] {
      width: 100% !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    td[class="em_aside"] {
      padding: 0 10px !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    br[class="em_hide"],
    span[class="em_hide"],
    table[class="em_hide"],
    td[class="em_hide"] {
      display: none !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    img[class="em_full_img"] {
      width: 100% !important;
      height: auto !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    img[class="em_full_img1"] {
      width: 100% !important;
      height: auto !important;
      max-width: 100% !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    td[class="em_side"] {
      width: 10px !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    td[class="em_spc_20"] {
      height: 20px !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    td[class="em_gap_bottom"] {
      padding-bottom: 20px !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    td[class="em_height_25"] {
      height: 25px !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    td[class="em_f11"] {
      font-size: 11px !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    td[class="em_height_35"] {
      height: 20px !important;
    }
  }
  @media only screen and (min-width: 481px) and (max-width: 599px) {
    td[class="em_text"] {
      font-size: 18px !important;
    }
  }

  @media only screen and (max-width: 600px) {
   .caption{
     font-size: 20px !important;
     color: red !important;
    
    }
}
  
    

 
</style>