如何設(shè)置頁(yè)面寬度自適應(yīng)

1.設(shè)置當(dāng)頁(yè)面大于1000px時(shí)自適應(yīng)頁(yè)面顯示,小于1000px時(shí),固定寬度顯示;

//設(shè)置小于1000px時(shí),固定寬度顯示
@media screen and (max-width:1000px){
body{
width:1000px;
height:760px;
}
@import url(index.css);//調(diào)用原有的css崇棠,實(shí)現(xiàn)自適應(yīng)寬度
}

在html中調(diào)用兩個(gè)css文件即可。

2.讓頁(yè)面不會(huì)隨著屏幕變大變形的方法丸卷,在div中設(shè)置另一個(gè)div枕稀,layout,將內(nèi)容放在其中及老,設(shè)置固定寬度抽莱,設(shè)置margin:0 auto. ----京東導(dǎo)航條

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市骄恶,隨后出現(xiàn)的幾起案子食铐,更是在濱河造成了極大的恐慌,老刑警劉巖僧鲁,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件虐呻,死亡現(xiàn)場(chǎng)離奇詭異象泵,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)斟叼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門(mén)吏饿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)肯腕,“玉大人肴熏,你說(shuō)我怎么就攤上這事甥材。” “怎么了谢床?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵兄一,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我识腿,道長(zhǎng)出革,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任渡讼,我火速辦了婚禮骂束,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘成箫。我一直安慰自己展箱,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布蹬昌。 她就那樣靜靜地躺著析藕,像睡著了一般。 火紅的嫁衣襯著肌膚如雪凳厢。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,301評(píng)論 1 301
  • 那天竞慢,我揣著相機(jī)與錄音先紫,去河邊找鬼。 笑死筹煮,一個(gè)胖子當(dāng)著我的面吹牛遮精,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播败潦,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼本冲,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了劫扒?” 一聲冷哼從身側(cè)響起檬洞,我...
    開(kāi)封第一講書(shū)人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎沟饥,沒(méi)想到半個(gè)月后添怔,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體湾戳,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年广料,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了砾脑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡艾杏,死狀恐怖韧衣,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情购桑,我是刑警寧澤畅铭,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站其兴,受9級(jí)特大地震影響顶瞒,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜元旬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一榴徐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧匀归,春花似錦坑资、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至体啰,卻和暖如春攒巍,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背荒勇。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工柒莉, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人沽翔。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓兢孝,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親仅偎。 傳聞我的和親對(duì)象是個(gè)殘疾皇子跨蟹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,751評(píng)論 1 92
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類(lèi)選擇器 屬性選擇器 繼承屬性: color橘沥,font窗轩,text-align,li...
    love2013閱讀 2,314評(píng)論 0 11
  • 選擇qi:是表達(dá)式 標(biāo)簽選擇器 類(lèi)選擇器 屬性選擇器 繼承屬性: color座咆,font品姓,text-align寝并,li...
    wzhiq896閱讀 1,751評(píng)論 0 2
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)腹备?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,220評(píng)論 0 8
  • 假如生命還剩一天衬潦,想想也太悲傷了吧!這一天又能干什么呢V菜帧镀岛?表白嘛?干嘛表白友驮,增加一個(gè)悲傷的人嘛漂羊?去搶錢(qián)嘛?貌似也不...
    慎先生閱讀 129評(píng)論 0 0