侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

微信、移动端css布局的那些坑

2024-05-07 星期二 / 0 评论 / 0 点赞 / 52 阅读 / 1108 字

1.尽量不要在第一个子元素使用margin-top,用父元素padding代替,这会使父元素整体下移。当然,依靠给父元素加padding可以解决,但是有的浏览器不吃这一套.....所以还是少用 2.当

1.尽量不要在第一个子元素使用margin-top,用父元素padding代替,这会使父元素整体下移。当然,依靠给父元素加padding可以解决,但是有的浏览器不吃这一套.....所以还是少用

2.当你写了 background:url('xxxxx')  no-repeat center fixed;background-size:100% 100%;按正常来讲,background-size会覆盖掉前面的相关属性,可事实是,低版本安卓机根本不吃这套,把no-repeat center fixed删了就正常了

3.当你做全屏页面时,如果有输入框,会发现手机软键盘把height:100%的背景图压了上来,还有其他的absolute、fixed元素。解决办法是,在ready的时候把页面高度写死为body高度px为单位。

4.很多人习惯用line-height来撑高input元素,使其文字垂直居中。然而在低版本安卓机中,光标会有很多不正常的表现,而且input默认文字会飘上去。解决办法是利用父元素padding,并且为了让它点击面积更大,在父元素绑定事件让input获取焦点

广告 广告

评论区