移动端布局

作者: 张chuner | 来源:发表于2017-01-16 22:00 被阅读0次

1.box-sizing:border-box;
2.calc css表达式
+ - 必须加空格 width: calc(25% - 2px);
* / 不需要空格乘除后面不能加单位
3.弹性盒模型
注意：
弹性盒模型不能和float、postion定位混用

父级：display:-webkit-box;
子级：-webkit-box-flex:1; （1，平分后所占分数）

（以下放在父级里面）
-webkit-box-orient:vertical; 竖排
-webkit-box-direction:reverse;反向
-webkit-box-align: center; 垂直居中
-webkit-box-pack: center; 水平居中

web移动端布局之流式布局
移动端布局之流式布局meta视口标签，写移动端布局必须加入视口标签：二倍图：在移动端布局中，我们需要一个5050...
补充8: flex布局
flex 布局与传统布局传统布局兼容性好, 但是布局繁琐, 且不适合移动端flex布局更方便, 更适用移动端. ...
移动端css(三)
目录: 1 移动端特点 2 百分比布局 3 Flex布局一移动端特点 • 移动端和PC端网页不同点• 谷歌模拟...
网络编程(七）移动端布局(1)
pink老师移动端布局还有最后一小部分，坚持下，很快就能把网页端及移动端布局学完了。这篇博客主要讲述的是移动端布局...
移动端布局
移动端布局移动端h5、Android、iOS的各自实现方式不同，布局方式也不同。但，随着移动终端的普及，用户展示...
web移动端常见面试题以及适配兼容问题
1、移动端你们一般采用什么布局？移动端设计稿是多大的尺寸？ ● 定宽布局 ● 一般移动端设计稿是640或者750的...
移动端布局方案 rem
移动端布局方案 rem 示例
移动端
app Web App Hybird App 移动端页面设计图测试移动端的设置移动端的布局弹性 fl...
移动布局
移动web开发流式布局 ====================== 1.0 移动端基础 1.1浏览器现状 PC端...
移动端布局
1、大的背景图： 2、背景图里面的Input框