chrome 元素審查 座標線 網格界面 座標線 平時隱藏 鼠標劃上出現 去除方法

chrom瀏覽器的開發者模式有兩種座標線，先說不常見的

1. 這種只有當鼠標劃上 element 下的html代碼時纔會出現，平時隱藏，審查起來很礙事，尤其是檢查padding的時候

去除辦法：

選擇最右側三點->settings ->preference -> Elements -> Show rulers取消選中 即可

  =》 

2.常見的一直顯示的標尺，不會根據鼠標hover顯示隱藏

消除辦法：

元素窗口右上角三點-> Hide rulers 選中  即可