91网站在线观看视频免费,国产精品天天看天天做夜夜爽,99久久这里只有精品23,小泽真理奈磁力,和50多岁熟妇做了四次,色天堂啪啪啪

網(wǎng)站建設(shè)咨詢  網(wǎng)站推廣咨詢  網(wǎng)站優(yōu)化咨詢  網(wǎng)站售后咨詢   電話:0316-5269510 客服:13722605112  13315631884

公司郵箱:sjfc2008@126.comsjfc2008@126.com  技術(shù)郵箱:sjfc2009@163.comsjfc2009@163.com  網(wǎng)站售后郵箱:e-wkj.cn@tom.come-wkj.cn@tom.com   24小時(shí)服務(wù)熱線:13722605112
導(dǎo)航頭部 網(wǎng)站首頁 網(wǎng)站制作 網(wǎng)站推廣 建站方案 推廣方案 業(yè)務(wù)介紹 網(wǎng)站案例 技術(shù)服務(wù) 關(guān)于我們 聯(lián)系我們 導(dǎo)航尾部
主要為用戶提供網(wǎng)站建設(shè)和網(wǎng)站推廣服務(wù)
經(jīng)驗(yàn)分享

如何使頁面自適應(yīng)屏幕大小呢

來 源:暢想網(wǎng)絡(luò)  作 者:小 編  發(fā)布時(shí)間:2015-07-04

本篇教程主要介紹下,如何使網(wǎng)站頁面自適應(yīng)屏幕的大小。其實(shí),功能做起來很簡(jiǎn)單,我們可以使用CSS來實(shí)現(xiàn)。下面,廊坊網(wǎng)站建設(shè)的工作人員就將詳細(xì)步驟進(jìn)行說明。

我們先來講個(gè)簡(jiǎn)單的例子看看。有多么簡(jiǎn)單呢?頁面結(jié)構(gòu)如下:

<div id="change-color"></div>

然后 css 如下:

#change-color {
width:300px;
height:300px;
margin:50px auto;
background:red;
}

這個(gè)很簡(jiǎn)單,大家都能想象出來是一個(gè)多么枯燥的頁面,一個(gè) 300 × 300 像素的紅色正方形在頁面的中上部。學(xué)到這里的同學(xué)對(duì)于這樣簡(jiǎn)單的代碼應(yīng)該是無壓力的了。然后我們?cè)谶@段 css 后面再加上一點(diǎn)內(nèi)容,改做:

#change-color {
width:300px;
height:300px;
margin:50px auto;
background:red;
}
@media (max-width:800px){
#change-color {
width:90%;
height:300px;
margin:50px auto;
background:blue;
}
}

來一起看看這個(gè)css,這段可以分作兩個(gè)部分,第一部分就是我們上面寫的對(duì) #change-color 定義的 css ,這個(gè)無需解釋了。第二部分跟我們以前看到的不一樣哈,但是如果去掉 @media (max-width:800px){……} 這樣的結(jié)構(gòu)之后,我們可以發(fā)現(xiàn),剩下的內(nèi)容也是對(duì) #change-color 的定義,只是跟上面略有不同,一個(gè)是寬度發(fā)生了變化,一個(gè)是背景色改了。那么現(xiàn)在我們來解釋一下這部分代碼。

默認(rèn)情況執(zhí)行第一部分的定義,那么背景色就應(yīng)該是紅色的,寬度是300px。一切如同我們與想的一樣。當(dāng)瀏覽器內(nèi)容部分的寬度小于等于800px(符合條件,最大寬度為800px)時(shí),使用第二部分的定義,也就是寬度變成了90%,背景色變成了藍(lán)色。

然后我們看看實(shí)際效果:當(dāng)網(wǎng)頁寬度大于800px,網(wǎng)頁自適應(yīng)寬屏。

調(diào)整窗口寬度到內(nèi)容區(qū)域小于800px,網(wǎng)頁適應(yīng)屏幕窗口調(diào)整,這樣現(xiàn)在效果實(shí)現(xiàn)了。

上一篇:分享:廊坊網(wǎng)站制作經(jīng)典實(shí)用技巧 下一篇:站長(zhǎng)如何看待網(wǎng)站排名動(dòng)蕩起伏問題

廊坊市新世紀(jì)步行街暢想網(wǎng)絡(luò)技術(shù)服務(wù)中心歷經(jīng)多年的發(fā)展,現(xiàn)擁有一個(gè)過硬的技術(shù)團(tuán)隊(duì),憑借豐富的建站經(jīng)驗(yàn)贏得了眾多用戶信任,真正站在客戶角度去考慮問題。我們始終堅(jiān)持新產(chǎn)品的研發(fā),每一款不同的產(chǎn)品有他獨(dú)特的功能,完全可以幫助大家快速樹立起自己的品牌形象。

在以后的工作中廊坊網(wǎng)站制作公司的技術(shù)人員將繼續(xù)依靠技術(shù)優(yōu)勢(shì)、優(yōu)質(zhì)的產(chǎn)品去服務(wù)用戶,同時(shí)也會(huì)繼續(xù)開發(fā)方便、可靠的產(chǎn)品。堅(jiān)持不懈,認(rèn)真思考,獨(dú)具創(chuàng)新是我們必須堅(jiān)持的,只有這樣才能有更好的發(fā)展。(詳細(xì)介紹

優(yōu)惠活動(dòng)
網(wǎng)站底部

廊坊市新世紀(jì)步行街暢想網(wǎng)絡(luò)技術(shù)服務(wù)中心 TEL:0316-5269510 技術(shù)支持:13722605112 E-MAIL:sjfc2008@126.com 冀ICP備11000020號(hào) 網(wǎng)站地圖  

互聯(lián)網(wǎng)信任計(jì)劃       網(wǎng)站安全認(rèn)證       可信網(wǎng)站

桃源县| 平昌县| 景泰县| 潼关县| 新蔡县| 丹寨县| 同江市| 松溪县| 元江| 拜泉县| 静安区| 美姑县| 长沙市| 郸城县| 冀州市| 南丹县| 云南省| 华蓥市|