css 根据手机屏幕适应页面高度
2014-12-08 09:39
316 查看
1、根据正常的web网页设计实现页面
2、@media screen and (max-width: 375px){} 需要根据页面调整不同高度的class或ID在该样式里面进行调整。
eg:
@media screen and (max-width: 375px){
body{
height: 400px;
}
.list{
height: 360px;
}
.find{
height: 360px;
}
.friend{
height: 360px;
}
}
3、css样式设计的高度“max-width”需要从高到低,即:960px,768px,550px,375px,320px. 依次进行高度的设计。
2、@media screen and (max-width: 375px){} 需要根据页面调整不同高度的class或ID在该样式里面进行调整。
eg:
@media screen and (max-width: 375px){
body{
height: 400px;
}
.list{
height: 360px;
}
.find{
height: 360px;
}
.friend{
height: 360px;
}
}
3、css样式设计的高度“max-width”需要从高到低,即:960px,768px,550px,375px,320px. 依次进行高度的设计。
相关文章推荐
- web page 适配 手机 屏幕,web 页面 改 适应 手机
- 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码
- 适应手机屏幕的web页面
- 页面适应电脑和手机屏幕initial-scale 1:0 user-scalable=yes
- ListView中根据手机屏幕高度动态设置只显示一屏幕的item个数
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- 根据手机屏幕来调节图片的高度
- CSS根据屏幕分辨率宽度自动适应的办法
- 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码
- html5实现图片自适应手机屏幕页面的css
- css实现容器高度 适应 屏幕高度
- 设置H5页面适应手机屏幕
- ListView中根据手机屏幕高度动态设置只显示一屏幕的item个数
- 手机页面获取屏幕高度那些事
- 页面适应电脑和手机屏幕initial-scale 1:0
- jQuery简单实现iframe的高度根据页面内容自适应的方法
- HTML5 移动页面手机屏幕自适应四类方法
- 根据判断PC浏览器类型和手机屏幕像素自动调用不同CSS的代码
- CSS 关于让页面的高度达到电脑屏幕的底部
- jQuery简单实现iframe的高度根据页面内容自适应的方法