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

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

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

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

2.讓頁面不會隨著屏幕變大變形的方法,在div中設(shè)置另一個div,layout,將內(nèi)容放在其中,設(shè)置固定寬度,設(shè)置margin:0 auto. ----京東導航條

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,140評論 1 92
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,435評論 0 11
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 2,117評論 0 2
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,371評論 0 8
  • 假如生命還剩一天,想想也太悲傷了吧!這一天又能干什么呢!?表白嘛?干嘛表白,增加一個悲傷的人嘛?去搶錢嘛?貌似也不...
    慎先生閱讀 147評論 0 0

友情鏈接更多精彩內(nèi)容