移动端高度自适应

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相对应的那个值，这么说应该可以明白吧。