自適應表格

發表於 2020-10-06 由 sairwolf

參考網址：swordheart313

螢幕小於600px時將 td 屬性值取出放置於內容顯示:
偽元素設定:
  

@media screen and (max-width: 600px) {
  table td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold;
  }
}

 

WFU BLOG 輕鬆做出美觀的自適應 RWD 表格(Table)﹍jQuery 輕量外掛

本篇發表於 程式設計。將永久鏈結加入書籤。