摘要: 首先flex的出现是为了解决哪些问题呢? 一、页面行排列布局 像此图左右两个div一排显示 可以用浮动的布局方式 html部分 css部分 这种布局有两个缺点 1.需要一个空div来清除浮动,当然也可以选用其他清除浮动的方法,但此处需要清除浮动才能不影响下面的布局。 2.当.left,.right 阅读全文
posted @ 2017-03-30 15:28 阿布大人 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 有人说用 html { text-size-adjust: 100%; }我发现这个并不能解决问题。下面代码可以完美解决。 添加标签:<meta name="viewport" content="width=device-width,initial-scale=1"/> 阅读全文
posted @ 2017-03-30 11:47 阿布大人 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 在移动端制作固定背景时(利用fixed)会出现滚动条滚动时,背景图会跟着滚动,; 解决办法就是给body加个伪元素。 body:before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left 阅读全文
posted @ 2017-03-30 11:45 阿布大人 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 两种解决方案,一种是将内容区域放在中间部分,只是中间部分在滚动(还是固定在底部);另一种是判断当是ios时,将其转换为absolute定位。(跟随着页面的滚动而滚动);; 当使用input时,fixed定位的元素就会出现错位。软键盘唤起后,页面的 fixed 元素将失效(即无法浮动,也可以理解为变成 阅读全文
posted @ 2017-03-30 11:27 阿布大人 阅读(360) 评论(0) 推荐(0) 编辑