第一次写有关前端开发的日记，为的是在工作过程中遇到的问题以及解决方法记录下来，以免自己忘记，若各位读者有疑问或者有不同的答案欢迎来评，本人会认真听取意见哒~
前端页面设计样式的时候，长宽高定位等基本都是采用百分比%，而不是px，为的是能够自适应不同的分辨率，由于页面是放置在定制浏览器上，采用的是谷歌内核，所以基本上都是用了CSS3，没有用兼容IE浏览器，这个要注意下。
废话不多说，第一个遇到的问题就是，关于margin-top百分比计算问题，实验之后，计算元素的margin-top的百分比%，该值应该是：你想要的高度px值/父元素的宽度，记住是宽度，浏览器渲染元素margin-top的百分比，是计算该元素的父元素宽度，而不是高度，跟height属性百分比计算是不一样的，请注意了。
比如：children-div元素{margin-top:102.4px}，父元素{width:1024px;height:768px }则换算成百分比如下：
.children-div{
margin-top:10%;//（102.4px/1024px）,1024px是父元素的宽度，而不是高度。
weight:100%;
height:60%;// (468px/768px),760px是父元素高度，不是宽度
}
网友评论