Simple Responsive Table
by bluebear119
HTML
<table>
<thead>
<tr>
<th>Action</th>
<th>Shortcut(Windows)</th>
<th>Shortcut(macOS)</th>
</tr>
</thead>
<tbody>
<tr>
<td>全屏幕</td>
<td>Ctrl + F</td>
<td>Cmd + F</td>
</tr>
<tr>
<td>調整視窗比例為1:1</td>
<td>Ctrl+g</td>
<td>Cmd + g</td>
</tr>
<tr>
<td>調整視窗以移除黑邊界</td>
<td>Ctrl+ x 或者 雙擊滑鼠左鍵 </td>
<td>Cmd + x 或者 雙擊滑鼠左鍵</td>
</tr>
<tr>
<td>點擊 HOME</td>
<td>Ctrl+ h 或者 單擊滑鼠中鍵 </td>
<td>Cmd + h 或者 單擊滑鼠中鍵</td>
</tr>
<tr>
<td>點擊 BACK</td>
<td>Ctrl+ b 或者 單擊滑鼠右鍵 </td>
<td>Cmd + b 或者 單擊滑鼠右鍵</td>
</tr>
<tr>
<td>點擊 APP_SWITCH</td>
<td>Ctrl+ s</td>
<td>Cmd + s</td>
</tr>
<tr>
<td>點擊 Menu</td>
<td>Ctrl+ m</td>
<td>Cmd + m</td>
</tr>
<tr>
<td>點擊 提高聲量</td>
<td>Ctrl+ up</td>
<td>Cmd + up</td>
</tr>
<tr>
<td>點擊 降低聲量</td>
<td>Ctrl+ dow</td>
<td>Cmd + down</td>
</tr>
<tr>
<td>點擊 POWER</td>
<td>Ctrl+ p</td>
<td>Cmd + p</td>
</tr>
<tr>
<td>啟動電話</td>
<td>右鍵2次</td>
<td>右鍵2次 p</td>
</tr>
<tr>
<td>關閉電話屏幕,保留電腦屏幕</td>
<td>Ctrl+o</td>
<td>Cmd+o p</td>
</tr>
<tr>
<td>水平旋轉屏幕</td>
<td>Ctrl+r</td>
<td>Cmd+r</td>
</tr>
<tr>
<td>展開通知平台</td>
<td>Ctrl+n</td>
<td>Cmd+n</td>
</tr>
<tr>
<td>收起通知平台</td>
<td>Ctrl+Shift+n</td>
<td>Cmd+Shift+n</td>
</tr>
<tr>
<td>複製電話上的文字</td>
<td>Ctrl+c</td>
<td>Cmd+c </td>
</tr>
<tr>
<td>貼上電話文字到電腦</td>
<td>Ctrl+v</td>
<td>Cmd+v</td>
</tr>
<tr>
<td>從電腦貼內容到電話上</td>
<td>Ctrl+Shift+v</td>
<td>Cmd+Shift+v</td>
</tr>
<tr>
<td>顯示FPS計算器</td>
<td>Ctrl+i</td>
<td>Cmd+i</td>
</tr>
</tbody>
</table>
CSS
table, tr, td, th{
border: 1px solid blue;
padding: 2px;
}
table th{
background-color: #999999;
}