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;
}