IOS机型margin属性无效问题

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

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

以下跟本人问题一样&＃xff0c;借用配图及说明。

原图文链接&＃xff1a;http://blog.sina.com.cn/s/blog_a4ab5ae00102x30l.html

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

​安卓手机&＃xff0c;打开正常

​iphone6 p 打开出现的问题&＃xff08;无视margin-bottom:60px&＃xff09;​

​当然&＃xff0c;在google浏览器移动端测试iphone6p&＃xff0c;打开的也是没问题的&＃xff08;这感觉有坑还是要在真机才能发现&＃xff09;

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

​继续找之后&＃xff0c;从“关于AutoLayout中的margin”这篇文章里找到了这样一句话&＃xff1a;

“关于layoutMargins

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

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

在我的理解&＃xff0c;就是它无视我的margin-bottom:60px;自己给了footer一个margin-bottom:0px&＃xff1b;的属性&＃xff08;不知我的理解是否正确&＃xff0c;希望大神给予指点&＃xff09;​

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