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

200

自適應網站怎么做?

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

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


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



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域名代理自深圳萬維網

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

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

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

主站蜘蛛池模板: 天堂网在线播放 | 免费黄色在线观看 | 337p色噜噜人体大胆欧美 | 日本欧美一区二区三区在线观看 | 国产综合一区二区 | 日韩精品视频美在线精品视频 | 91国内精品久久久久怡红院 | 亚洲激情专区 | 好深好爽456自拍视频 | 欧美日韩视频二区三区 | 国产一区日韩二区欧美三区 | 三a大片| 日韩一级特黄毛片在线看 | 天天干影视| 国产欧美日韩精品第一区 | 国产精品国产三级国产无毒 | 在线视频影院 | 美女视频黄a全部免费专区一 | 久久久久国产成人精品 | 免费看午夜高清性色生活片 | 怡红院免费全部视频在线视频 | 在线日韩三级 | 亚洲欧美国产中文 | sese国产| 日本午夜视频在线 | h片免费观看 | 播播网手机在线播放 | 韩漫画无遮挡羞免费网站 | 免费视频中文字幕 | 亚洲欧洲免费 | 日韩欧美一区二区三区在线 | 性大片免费视频观看 | 成人免费手机在线看网站 | 国内精品久久久久影 | 国产精久久一区二区三区 | 性欧美xxx 不卡视频 | 波多野结衣在线视频免费观看 | 性8sex亚洲区入口 | 日批在线看 | 一级女性全黄生活片免费 | 日韩麻豆国产精品欧美 |