IOS机型margin属性无效问题

这个问题很多小伙伴都有遇到，这次本猿也遇到了，记录一笔。

结论：简单的解决办法margin换padding！如有误，请大神不吝赐教。在Chrome浏览器移动端测试iphone5，打开的也是没问题的（这感觉有坑还是要在真机才能发现）。

以下跟本人问题一样，借用配图及说明。

原图文链接：http://blog.sina.com.cn/s/blog_a4ab5ae00102x30l.html

商城网站底部footer设置margin属性的时候发现真机IOS上无效，在iPhone6p上发现问题，屏幕较小，先把出现问题的截图发出来看一下

安卓手机，打开正常

iphone6 p 打开出现的问题（无视margin-bottom:60px）

当然，在google浏览器移动端测试iphone6p，打开的也是没问题的（这感觉有坑还是要在真机才能发现）

思索找寻了好久，也有反映margin不起作用的，改成padding就可以，但是改成padding在我这里是不可取的，因为footer如果给加了padding-bottom:60px属性，那么footer的内下边距就是60px，也就是说有60像素高的黑背景，如果在页面内容高度小的页面，就会出现这样的情况：

继续找之后，从“关于AutoLayout中的margin”这篇文章里找到了这样一句话：

“关于layoutMargins

iOS8后，UIView 有个属性 var layoutMargins: UIEdgeInsets ,用来指定该View的subview同其edge的间距。AutoLayout使用margins来放置内容。默认的值为8pt。

如果一个View是ViewController的rootview，系统会自动设置和管理margins，top和bottom margins被设置为0pt，left和right的值根据当前的 size class （文末简单介绍一下size class）不同而不同，可能取值为16或者20pt(iPhone6 plus, iPad)，你不能修改这些值。”

在我的理解，就是它无视我的margin-bottom:60px;自己给了footer一个margin-bottom:0px；的属性（不知我的理解是否正确，希望大神给予指点）

因为pc和手机端要做成自适应，想到了一个办法，就是在footer下边，加一个div，给height属性60px，当屏幕宽度大于1024px的时候，给这个div属性display:none。

转载于:https://www.cnblogs.com/Nutrient-rich/p/6992994.html

IOS机型margin属性无效问题相关推荐

Android开发之品牌机型不同setMargins属性无效的bug
LayoutParams dateLL = new LayoutParams(mWidth * 3 / 40, ScaleUtil.dip2px(this, 20));dateLL.setMargin ...
html ios音乐自动播放muted,video下autoplay属性无效的解决方法(添加muted属性)
背景:video下载入ogg格式视频,并设置自动播放属性autoplay,但是使用Chrome预览时,视屏画面已加载出来,但是无法自动播放,F5刷新后可以自动播放.使用火狐浏览器可以自动播放.最初代码 ...
uni-app checkbox和switch组件checked属性无效的解决方案
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.H5.以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台. 相信许多 ...
css【详解】—— margin属性（含margin合并，margin：auto，margin失效）
目录 margin合并的场景 1. 相邻兄弟元素margin合并 2. 父级和第一个/最后一个子元素阻止margin-top合并的方法阻止margin-bottom合并的方法 3. 空块级元素的m ...
浅析css的margin属性
margin 简写属性在一个声明中设置所有外边距属性.该属性可以有1到4个值注意: 外边距控制的是元素外部空出的空间.相反,padding 操作元素内部空出的空间还有就是上.下外边框的设置对内联元 ...
HTML5中margin属性应用,CSS重要属性之 margin 属性知识大整合(必看篇)
以下的分享是本人最近几天学习了margin知识后,大有启发,感觉以前对margin的了解简直太浅薄.所以写成以下文章,一是供自己整理思路:二是把知识分享出来,避免各位对margin属性的误解.内容可能 ...
解决iOS机型点击输入框不能聚焦的问题
解决iOS机型点击输入框不能聚焦的问题参考文章: (1)解决iOS机型点击输入框不能聚焦的问题 (2)https://www.cnblogs.com/blackbentel/p/11138017.h ...
【约束布局】ConstraintLayout 组件可见性 View.GONE 处理与 Margin 属性 ( 约束布局可见性处理 | goneMargin 属性 )
文章目录 I . 相对定位 Margin 属性 II . 可见性改变后的行为处理 ( Visibility Behavior ) III . 组件设置 GONE 属性示例被约束到不可见组件后 M ...
CSS margin 属性简介
CSS margin 属性设置外边距的最简单的方法就是使用 margin 属性. margin 属性接受任何长度单位,可以是像素.英寸.毫米或 em. margin 可以设置为 auto.更常见的做 ...

IOS机型margin属性无效问题

IOS机型margin属性无效问题相关推荐

最新文章

热门文章