标签:
项目经验:
1.如果设置外边距margin 父级元素也跟着移动,把父级元素设置触发BFC环境,overflow:hidden
如果直接再子类哪里吧margin改成padding,这样自己内容相对于自己的位置就变了
2.引用外部文件 ./ 代表上一级(父级目录) ../代表上两级
3.调位置,一定是用margin和padding,不到万不得已不用定位,定位本身有效率和兼容性问题
4.样式都用.class,#id留给JS用
在做项目的时候,先确定结构,在确定框体,
把元素加进去,基本的主框都加上触发BFC
在设置外边距和内边距
手机端和和PC端的区别:
1.最上边写自适应所有手机,
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2.最后导入foot和html之间加入autoSize.js
当加入小图片第一个出现的位置不为坐标原点的时候,大概居中的时候,可以加一句font-size:0,里边转换有问题
3.autoSize.js的宽度改为 图片宽度
4.里边用的所有的长度用测的图片px除以100,单位为rem。比如测得300px,3rem
3和4的都用图片宽度,不是手机屏幕宽度,他自适应
5.body设置手机宽度,下边的不用设置
6.调试用手机那个按钮,选一个手机就可以了
标签:
原文地址:http://www.cnblogs.com/chenyuanqiu2008/p/5424451.html