99久久伊人-99久久综合-99久久综合给久久精品-99久久综合狠狠综合久久男同-男人j桶进女人j的视频-男人j桶进女人免费视频

200

自適應網站怎么做?

時間: 2017-05-25 11:33:03   點擊數: 30717   來源: 耐思智慧

現在自適應網站可謂是炙手可熱,跟響應式網站一樣備受企業或個人建站的青睞。自適應網站怎么做呢?一方面自適應網站的制作可以手寫編程代碼進行制作。此外還可以直接運用自適應網站模板直接制作,運用自助建站系統搭建不需要懂代碼,即可以快速制作一個自適應網站。在這里小編先給大家介紹一下利用編程的方式制作自適應網站。


自適應網站怎么做.自助建站系統,建站寶盒



1、在HTML頭部增加viewport標簽

在網站HTML文件的開頭,增加viewport meta標簽告訴瀏覽器視口寬度等于設備屏幕寬度,且不進行初始縮放。代碼如下:

<meta name="viewport" content="width=device-width, initial-scale=1" />

這段代碼支持Chrome、Firefox、IE9以上的瀏覽器,但不支持IE8以及低于IE8的瀏覽器。


2、在CSS文件尾部增加針對不同屏幕分辨率的規則

例如使用如下的代碼,可以讓屏幕寬度低于480像素的設備(如iPhone等),網頁側欄隱藏中部內容欄寬度自動調節。以下代碼針對Z-Blog,WordPress相關標簽名稱只需修改一下即可。

@media screen and (max-device-width: 480px) {
  #divMain{
  float: none;
  width:auto;
  }
  #divSidebar {
  display:none;
  }
}


3、布局寬度使用相對寬度

網頁總體框架可以使用絕對寬度,但往下的內容框架、側欄等最好使用相對寬度,這樣針對不同分辨率進行修改就方便。當然也可以不用相對寬度,那就需要在 @media screen and (max-device-width: 480px) 里面增加各個div的針對小屏幕的寬度,實際上更麻煩。


4、頁面使用相對字體(非必要)

在HTML頁面上不要使用絕對字體(px),而要使用相對字體(em),對于大多數瀏覽器來說,通常用 em = px/16 換算,例如16px就等于1em。


5、圖片自適應(非必要)

img標簽的話,只需要設置 max-width: 100%;或width:100%; 語句為:img { max-width: 98%; }

css加載的background-image如何自適應大小呢,其實CSS3中是可以實現的,添加如下語句:background-size:100% 100%;


其實,現在企業想要搭建一個自適應網站不用那么麻煩,直接借助自助建站系統就可以快速完成網站的搭建,這個大家可以了解一下建站寶盒,不需要懂代碼,快速搭建一個自適應網站,節省企業建站的時間與成本。


建站寶盒詳情http://m.jrdqqqq.com.cn/design/?s=lhp




上一篇:你帶上我,我帶上建站模板,一起創業啊! 下一篇:如何在1小時內完成H5響應式單頁面網站制作?

旗下網站:耐思智慧 - 淘域網 - 我的400電話 - 中文域名:耐思尼克.cn 耐思尼克.top

耐思智慧 © 版權所有 Copyright © 2000-2025 IISP.COM,Inc. All rights reserved

備案號碼: 粵ICP備09063828號  公安備案號: 公安備案 粵公網安備 44049002000123號  域名注冊服務機構許可:粵D3.1-20240003 CN域名代理自深圳萬維網

聲明:本網站中所使用到的其他各種版權內容,包括但不限于文章、圖片、視頻、音頻、字體等內容版權歸原作者所有,如權利所有人發現,請及時告知,以便我們刪除版權內容

本站程序界面、源代碼受相關法律保護, 未經授權, 嚴禁使用; 耐思智慧 © 為我公司注冊商標, 未經授權, 嚴禁使用

法律顧問:珠海知名律師 廣東篤行律師事務所 夏天風 律師

主站蜘蛛池模板: 男女日批视频在线观看 | 精品一区 二区三区免费毛片 | 丁香六月综合激情 | 国产乡下三片 | 一个人在线观看www视频 | 国产大片黄在线观看 | 日韩欧美精品中文字幕 | 怡红院在线视频观看 | 国产视频福利一区 | 免费看欧美一级特黄α大片 | 2022日韩理论片在线观看 | 国产人人艹 | 精品国产不卡一区二区三区 | 亚洲影视一区二区 | 国产免费人成在线看视频 | 久久不卡免费视频 | 影音先锋激情 | 五月天婷婷在线观看高清 | 看黄色毛片| 日韩午夜视频在线观看 | 五月婷婷在线播放 | 欧美极品在线 | 精品久久伊人 | 天天射天天舔 | 国产精品国产三级国产在线观看 | 日韩手机在线视频 | 操久久| 日本欧美中文 | 成 人 免费观看网站 | 免费看一级a一片毛片 | 一级毛片免费毛片一级毛片免费 | 小毛片网站| 国产小视频你懂的 | 搞黄视频网站 | 久久综合色区 | 激情五月情 | 五月天在线观看免费视频播放 | 日韩a级片在线观看 | 欧美日产欧美日产精品 | 免费a大片 | 国产羞羞视频 |