如果在寫css樣式的時候想讓寬高自適應要怎么寫，需要注意什么

是通過百分比來控制寬度；

阿瓦提網站建設公司成都創新互聯,阿瓦提網站設計制作，有大型網站制作公司豐富經驗。已為阿瓦提近千家提供企業網站建設服務。企業網站搭建\成都外貿網站制作要多少錢，請找那個售后服務好的阿瓦提做網站的公司定做！

width:100%通過百分比自適應寬度。注意；此百分比是相對于父級元素寬度。父級元素寬度1000px；子元素設置百分比；是父級元素的百分比；

2.可以通過塊狀元素自動占滿父級的寬度的特性來實現

div默認display:block；不對div設置寬度。div默認占滿父級元素的寬度。

3.flex-box布局，用flex布局的話，非常的方便可以實現多種自適應布局，但是，只適用于移動端，PC端上面只有高版本的瀏覽器才兼容，低版本的瀏覽器是不兼容的。

css樣式自適應分辨率

高度和寬度盡量使用百分百，像素px換成em、rem這種，網頁會根據大小來自適應，要想使用效果好，就需要根據不同分辨率來設置層的高寬、字體大小，設置幾套樣式來應用

@media screen and (min-width:640px) {

/*屏幕大于640像素應用該樣式*/

}

@media screen and (min-width:460px) and (max-width:640px) {

/*屏幕小于640大于460像素應用該樣式*/

}

@media screen and (max-width:460px) {

/*屏幕小于460像素應用該樣式*/

}

css怎么自適應寬度

css自適應寬度有2種方式：

1.是通過百分比來控制寬度；

2.可以通過塊狀元素自動占滿父級的寬度的特性來實現

PS：當然還有一些方法，比如css3的flex-box布局，用flex布局的話，非常的方便可以實現多種自適應布局，但是，只適用于移動端，PC端上面只有高版本的瀏覽器才兼容，低版本的瀏覽器是不兼容的。

css中margin和padding設置成auto是自適應什么？

1、標簽比如是塊狀元素，并且有個確定的寬度，百分比的寬度也行；padding的話, 設置成auto它會自動繼承瀏覽器的padding值，因為有些奇葩瀏覽器是默認有padding值的，為了避免這個對樣式造成影響，樣式開頭一般會加上一句*{margin:0;padding:0};。

2、自適應，一般是自適應屏幕大小，比如我們的電腦、手機都有很多不同尺寸的屏幕，那么做出來的頁面就要兼容這種尺寸的變化，而不會讓布局錯亂。

3、一般PC端布局樣式是用百分比，不過移動端的話，因為對css3的兼容性非常好，所有要達到自適應，可以用css3來布局，當然還有比較流行的響應式布局。

4、層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

5、CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。

css3怎樣實現屏幕自適應？

/* 打印樣式 */

@media print {

color: red;

}

/* 手機等小屏幕手持設備 */

@media screen and (min-width: 320px) and (max-width: 480px) {

body {

background: yellow;

}

}

/* 平板之類的寬度 1024 以下設備 */

@media only screen and (min-width: 321px) and (max-width: 1024px) {

body {

background: blue;

}

}

/* PC客戶端或大屏幕設備: 1028px 至更大 */

@media only screen and (min-width: 1029px) {

body {

background: green;

}

}

/* 豎屏 */

@media screen and (orientation:portrait) and (max-width: 720px) {對應樣式}

/* 橫屏 */

@media screen and (orientation:landscape){對應樣式}

手機、平板設備屏幕尺寸眾多，寬度不一，寫手機、平板對應css時最好用百分比寬度來自適應各種大小不一的屏幕寬度。這個百分比尺寸不算太難但也不是個太輕便的活，如果你css不熟練的話最好先別折騰這塊，把基礎練好了來。

還有，用了css媒體查詢后，ie6-8載入不了樣式表，要引用個：Respond.js來讓ie6-8下正確載入css。js自行百度，到處有下載。