怎么調(diào)整一個(gè)html單頁面的寬度？
這個(gè)問題涉及到了響應(yīng)式設(shè)計(jì)的知識(shí)了。
響應(yīng)式設(shè)計(jì)
響應(yīng)式設(shè)計(jì)需要在<head></head>里面添加一條meta標(biāo)記：
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
在移動(dòng)端的寬度要滿屏顯示，那么這個(gè)html的內(nèi)容寬設(shè)置為width：100%；在PC端的時(shí)候，小屏幕還好點(diǎn)，但是現(xiàn)在的電腦屏幕都基本上在1440px甚至1920px的寬度，如果還是100%就有點(diǎn)不美觀。那么就用到了媒體查詢技術(shù)了。
媒體查詢：
@media 可以針對(duì)不同的屏幕尺寸設(shè)置不同的樣式，特別是如果你需要設(shè)置設(shè)計(jì)響應(yīng)式的頁面，@media 是非常有用的。
當(dāng)你重置瀏覽器大小的過程中，頁面也會(huì)根據(jù)瀏覽器的寬度和高度重新渲染頁面。
如果你界定寬度為1000px的時(shí)候開始使用內(nèi)容寬度為1000px，那么寫法就是
.box{width：100%}
@media screen and （min-width1000px）{
.box{
width：1000px
}
}
說一下上面的意思，我們寫的時(shí)候以移動(dòng)端為主往pc端鋪，所以先寫的.box就是移動(dòng)端的寬度，然后使用媒體查詢?cè)趯懘笥?000px的時(shí)候.box的寬度就是1000px了。不知道回答是否是你所有需要的！有問題在私信！