螢幕快照 2017-12-28 上午10.30.49

 

 

 

 

 

 

提供兩個工具,讓瀏覽器就可以模擬響應式設計的開發工具

 

chrome瀏覽器

  1. 在chrome按右鍵點"檢查"
  2. 點左下方手機跟平板圖示的小圖示 ,圖示呈現反光後表示啟動了螢幕快照 2017-12-28 上午10.54.34  
  3. 從最上排選擇你想要哪個載具顯示這個響應式網站螢幕快照 2017-12-28 上午10.30.13

 

 

 

safari瀏覽器

  1. 螢幕快照 2017-12-28 上午10.35.12打開safari瀏覽器後,"偏好設定">"進階">勾選「在選單列中顯示開發選單」
  2. 在選單列中選擇"開發">"進入回應設計模式"
  3. 從上排各個載具中挑選你想顯示此響應式網站的模擬載具螢幕快照 2017-12-28 上午10.35.53

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

文章標籤
創作者介紹
創作者 READY sharing 的頭像
READY sharing

Ready sharing

READY sharing 發表在 痞客邦 留言(0) 人氣()