title: Why do some borders of the table disappear?
body: <p>It is just such a simple <code>table</code> display under the <strong>mobile mode of chrome browser</strong>, but some of the borders of <code>td</code> did not show up, as in the pic.
  Could somebody tell me why?</p>
  
  <p><a href="https://i.stack.imgur.com/Jubyw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jubyw.png" alt="enter image description here"></a></p>
  
  <pre><code> &lt;!DOCTYPE html &gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;AAAAAA&lt;/title&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.8.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"&gt;&lt;/script&gt;
      &lt;style&gt;
          ul, ol { list-style: none; }
      body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, 
      dl, dt, dd, ul, ol, li, 
      pre, 
      form, fieldset, legend, button, input, textarea, 
      th, td ,tr{
          margin: 0;
          padding: 0;
      }
      ul, ol { list-style: none; }
      table{
          border-radius: 4px;
          color: #000;
          border-collapse:collapse;
          width: 100%;
          table-layout:fixed
      }
      table td,th{
           white-space:nowrap;
          overflow:hidden;
          text-overflow:ellipsis;
          padding:6px;
          border:1px solid #ccc;
      }
   &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form name="form1" method="post" action="#" id="form1"&gt;
      &lt;div data-role = "page"&gt;
      &lt;div data-role = "content"&gt;
              &lt;table&gt;
                 &lt;tr&gt;
                     &lt;th&gt;AAAAAAAA&lt;/th&gt;
                     &lt;th&gt;AAAAAAAA&lt;/th&gt;
                     &lt;th&gt;AAAAAAAA&lt;/th&gt;
                     &lt;th&gt;AAAAAAAA&lt;/th&gt;
                     &lt;th&gt;AAAAAAAA&lt;/th&gt;
                     &lt;th&gt;AAAAAAAA&lt;/th&gt;
                 &lt;/tr&gt; 
                 &lt;tr&gt;
                     &lt;td&gt;AAAAAAAA&lt;/td&gt;
                     &lt;td&gt;AAAAAAAA&lt;/td&gt;
                     &lt;td&gt;AAAAAAAA&lt;/td&gt;
                     &lt;td&gt;AAAAAAAA&lt;/td&gt;
                     &lt;td&gt;AAAAAAAA&lt;/td&gt;
                     &lt;td&gt;AAAAAAAA&lt;/td&gt;
                 &lt;/tr&gt;
              &lt;/table&gt;        
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;    
  &lt;/html&gt;
  </code></pre>