记录一个H5的margin兼容性问题

一、html和css各浏览器的默认内外边距不一致问题最明显的是ul标签内外边距问题,ul标签在IE-7中，有个默认的外边距，但是在IE8以上及其他浏览器中有个默认的内边距。解决办法：*{margin:0;padding:0;}input 聚焦框颜色与样式不同解决办法：使用outline:none，清除默认样式之后再统一设置点击超链接后，hover、active样式没有效果解决方案：lvha的顺序...

Android在设置FrameLayout中View的margin时，在部分场景下没有效果，这里给出问题原因及解决方法。

View本身没有setMargin方法 我们发现android.view.ViewGroup.MarginLayoutParams有个方法setMargins(left, top, right, bottom). 其直接的子类有: FrameLayout.LayoutParams, LinearLayout.LayoutParams and RelativeLayout.Layou

昨天做H5页面，在兼容性测试的时候，发现所有手机都兼容，只有华为p30pro这款手机不兼容，记录一下，下面效果对比。（公司新做的1元集盲盒活动，有兴趣的可以参与一下，关注沃小盒公众号，点击一元集盲盒参与即可） 1、解决思路：华为部分手机自带浏览器使用的UC低版本内核，对flex支持非常有限，所以使用flex，calc等属性的时候，有时添加-webkit、 -moz-calc等前缀也是无效的，其原因就是不能用行内、行内块元素，要改成block才能更好的支持flex，当元素使用flex：1时，要增加width：

记录开发中遇到的问题

最近写一个H5页面的时候发现了这个被忽视的问题，一时没想到什么原因，搜了半天，记录一下，方便他人踩坑。唉，有些东西不用就忘。 一、问题描述 最终效果：会发现在元素上面会有20px的空白，然而我们并没有对父元素设置margin，可见是子元素的 margin-top：20px 影响到了父元素。 二、原因：MDN的文档：如果没有边框border，内边距padding，行内内容，也没有创建块级格式上下文或清除浮动来分开一个块级元素的上边界margin-top与其内一个或多个后代块级元素的上边界m..

需使用margin等处理。

1 网站开发流程 域名 服务器 开发 推广 维护 2 web标准：结构(html) + 表现(css) + 行为(js) 3 相关的组织 W3C html+css语法基础 ECMA js的语法基础 WHATWG html5 4 html 超文本标记语言 hyper text markup language 5 xhtml 可扩展性的超文本标记语言 语法更加严格 1 标签 div — 无意义，使用最多，独占一行 2 css 创建方式 在

BFC：添加链接描述块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 块格式化上下文对浮动定位（参见 float）与清除浮动（参见 clear）都很重要。浮动定位和清除浮动时只会应用于同一个BFC内的元素。浮动不会影响其它BFC中元素的布局，而清除浮动只能清除同...

近日清闲，决定用博客来总结下入行一年多来零零散散记录在小本本上的知识点。先看布局1.常用居中方法我们假设DOM文档结构如下，子元素要在父元素中居中：啦啦啦我要居中水平居中实现水平居中的前提是父元素有一个宽度，没有设置的话，默认为上一级的宽度。子元素为行内元素还是块状元素，宽度一定还是宽度未定，采取的布局方案不同。下面进行分析：1.行内元素&&不定宽块状元素：对父元素设置text-a...

最近在做web页面设计的时候，莫名的发现最上面会出现一个横条，颜色为html的背景颜色。本意是那一片空横条应该为header的背景色。查了一些资料，发现是margin collapsing的问题，记录下来，希望初学者少走弯路。从问题说起先给出demo的源码和截屏，给出一个直观的印象。代码如下:代码如下:html {width: 100%;height: 100%;max-height: 100%;...

这个问题很多小伙伴都有遇到，这次本猿也遇到了，记录一笔。 结论：简单的解决办法margin换padding！如有误，请大神不吝赐教。在Chrome浏览器移动端测试iphone5，打开的也是没问题的（这感觉有坑还是要在真机才能发现）。 以下跟本人问题一样，借用配图及说明。 原图文链接：http://blog.sina.com.cn/s/blog_a4ab5ae00102x30l.html 商...

最近在一个移动端的 Web 项目中踩了很多的坑，感觉有必要把它们记录下来，分享给即将踏入移动端 Web 开发大门的朋友们，更好的解决ios和android兼容。1.inp...

UI在走查页面的时候好几次提到了这个问题，在h5页面最顶部或者底部拉页面的时候，还会出现一块页面之外的空白，松开手页面回弹回去，UI表示这样看起来页面像是截断了很不友好，能否拉了之后还是背景色而不是白色。 首先想到的就是外面包一层高度为需要视窗高度的fixed div，然后让里面的内容滚动。可惜的是在ios上滑动出现问题——当scroll bar消失后，页面滑不动了。 于是搜索一下怎么去掉ios的“橡皮筋”，于是看到了插件，其原理就是在支持-webkit-overflow-scrolling属性的元素上

css 兼容性书写记录发布时间：2011-11-02 11:36:13 作者：佚名 我要评论很早开始就知道css hack并使用之，以前觉得css hack是个很神奇的东西能解决很多兼容性问题，渐渐地发现，其实不容hack的页面才是更好的选择从页面开始布局设计初就考虑到各个浏览器的问题，留出充足的余量和给各个浏览器留出充足的发挥空间，这样的页面兼容性才是最好的。下面就来几个问题：1、di...