移動端高度自適應

1. div+css的四行自適應手機端屏幕布局怎麼寫高度、寬度為自適應100%，即為滿屏顯示

*{
margin:0;
padding:0;
}
html,body{
height:100%;
}
.line1,.line4{
position:absolute;
width:100%;
height:50px;
z-index:5;
}
.line1{
top:0;
}
.line2{
position:relative;
height:50%;
z-index:1;
}
.line3{
position:relative;
height:50%;
z-index:1;
}
.line4{
bottom:0;
}

我想你要表達是是高50吧？不太會表述，還是直接給回你上答代碼吧

2. 在移動端 web怎麼做到自適應布局

css3用box-flex;在w3school里找找，主要是根據父元素按比例分配高度父元素{width:100%;display:box;}比如三欄布局A、回B、C要想設成一答樣的寬度就用A{box-flex:1;}B{box-flex:1;}C{box-flex:1;}要是兩欄布局B是A的2倍那就是A{box-flex:1;}B{box-flex:2;}高度也是還有一個css3的新功能就是calc()計算，可以計算高度，可以試著用一下PS，我只是說說，移動端響應式局的話，布局要隨著窗口變的，就像你這個，要是在普通的手機端就得變成一欄布局，不能保持三欄用MediaQuery設置不同的窗口寬度給不同的css樣式都是css代碼不用js控制

3. 前端怎麼設置手機端頁面高度自適應

那高度你就不要去賦值了，不用寫高度不就是高度自適應內容嗎，
如果你想的是高度和屏幕高度一樣，那就設置成100%；

4. 移動web寬度自適應，高度怎麼算

css3用box-flex;
在w3school里找找，主要是根據父元素按比例分配高度
父元素{width:100%;display:box;}
比如三欄布局A、B、C要想設成專一樣的寬度屬就用
A{box-flex:1;}B{box-flex:1;}C{box-flex:1;}
要是兩欄布局B是A的2倍那就是
A{box-flex:1;}B{box-flex:2;}高度也是還有一個css3的新功能就是calc()計算，可以計算高度，可以試著用一下
PS，我只是說說，移動端響應式局的話，布局要隨著窗口變的，
就像你這個，要是在普通的手機端就得變成一欄布局，不能保持三欄
用Media Query設置不同的窗口寬度給不同的css樣式
都是css代碼不用js控制

5. html5移動端div的高度怎麼設置自適應

在文復檔流中，DIV的高度默認就制是根據內容的高度自適應的。
如果是想適配不同設備的窗口大小，可以設置百分比。或者通過position定位，然後設置top和bottom值。再或者利用css3的flexbox布局，設置父級的display為flex，方向為縱的，然後設置其flex：1；

6. html5移動端div的高度怎麼設置自適

在文檔流中，DIV的高度默認就是根據內容的高度自適應的。
如果是想適配不同設備的窗口大小，可以設置百分比。或者通過position定位，然後設置top和bottom值。再或者利用css3的flexbox布局，設置父級的display為flex，方向為縱的，然後設置其flex：1；

7. css3 手機端怎麼高度自適應

一般是寬度為響應式的，在手機端，要使用rem作為單位，這樣可以使手機解析度在發生變化時，高度和寬度同時發生改變。
現在開始流行使用rem作為手機端的單位，淘寶，京東都是用rem。

8. 移動端flex布局怎麼高度自適應

。。。唉。咋說呢，看來你對flex的組件不太了解。canvas是布局組件，並不支持多少格式屬性。內而容且，flex的容器不像html的div，子組件會繼承父容器的字體屬性。flex裡面，設置字體、字型大小，間距，加粗，斜體等等，要在能顯示文字的組件設置，比如：textinput，textarea等。canvas，vbox，hbox，等等，都屬於布局類組件（容器），編程的時候不要在布局容器上設置字體類屬性（多數也不支持），否則會造成意想不到的混亂。當你的容器嵌套多了，想改的字體樣式，都不一定找得到哪裡設的。這習慣得改。flex裡面組件的css跟html有區別，千萬別把html的嵌套習慣帶入到flex

9. 移動端網頁開發自適應高度rem一定要自己計算么

rem是根據網頁效果圖的尺寸來計算的，當然還要藉助媒體查詢來完成。
例如你的設計稿如果是寬720px的話，那你的文字就要以原始大小除以11.25，就是對應下面媒體查詢720px；例如16px的話就要16/11.25這樣來計算。用之前要把下面這段代碼放到你css文件里：
@media only screen and (max-width: 1080px) {
html, body {
font-size: 16.875px;
}
}

@media only screen and (max-width: 960px) {
html, body {
font-size: 15px;
}
}

@media only screen and (max-width: 800px) {
html, body {
font-size: 12.5px;
}
}

@media only screen and (max-width: 720px) {
html, body {
font-size: 11.25px;
}
}

@media only screen and (max-width: 640px) {
html, body {
font-size: 10px;
}
}
如果寬是720，就除以它相對應的那個值，如果是寬960，就除以960相對應的那個值，這么說應該可以明白吧。