網頁要如何 rwd 語法Responsive Web Design 自適應網站

網頁要如何 rwd 語法Responsive Web Design 自適應網站

很簡單,需要在網頁的<head></head>

裡面增加,這段語法

rwd-html代碼語法


  1. <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">  

 告訴不同裝置、不同尺寸,有不同的語法

在增加這段代碼,讓圖片適應網頁尺寸

圖片自動適應寬度代碼


  1. img {   
  2. heightauto;   
  3. max-width: 100%;   
  4. }  

評論 (0)

此處尚未發表評論

留言

  1. 以遊客身份發表評論。 註冊登入到您的帳戶。
附件 (0 / 3)
分享您的位置