close

螢幕快照 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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

arrow
arrow
    文章標籤
    rwd 響應式網站 網頁設計 html css jquery web design chrome safari browser
    全站熱搜
    創作者介紹
    創作者 Ray Wang 的頭像
    Ray Wang

    Ray

    Ray Wang 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄