Web客户端经验:
2016-05-06 01:26
423 查看
项目经验:
1.如果设置外边距margin 父级元素也跟着移动,把父级元素设置触发BFC环境,overflow:hidden
如果直接再子类哪里吧margin改成padding,这样自己内容相对于自己的位置就变了
2.引用外部文件 ./ 代表上一级(父级目录) ../代表上两级
3.调位置,一定是用margin和padding,不到万不得已不用定位,定位本身有效率和兼容性问题
4.样式都用.class,#id留给JS用
在做项目的时候,先确定结构,在确定框体,
把元素加进去,基本的主框都加上触发BFC
在设置外边距和内边距
多用bootstrap里边的,直接集成了的,方便,
排版不用table排版,以前是,现在放弃,所有页面都是框,用div,设置col-xs-3,在调整页面,还是很方便.多用栅格式布局
手机端和和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.调试用手机那个按钮,选一个手机就可以了
1.如果设置外边距margin 父级元素也跟着移动,把父级元素设置触发BFC环境,overflow:hidden
如果直接再子类哪里吧margin改成padding,这样自己内容相对于自己的位置就变了
2.引用外部文件 ./ 代表上一级(父级目录) ../代表上两级
3.调位置,一定是用margin和padding,不到万不得已不用定位,定位本身有效率和兼容性问题
4.样式都用.class,#id留给JS用
在做项目的时候,先确定结构,在确定框体,
把元素加进去,基本的主框都加上触发BFC
在设置外边距和内边距
多用bootstrap里边的,直接集成了的,方便,
排版不用table排版,以前是,现在放弃,所有页面都是框,用div,设置col-xs-3,在调整页面,还是很方便.多用栅格式布局
手机端和和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.调试用手机那个按钮,选一个手机就可以了
相关文章推荐
- Bootstrap
- JavaScript
- String,StringBuffer,StringBuilder的区别
- 为string类添加一个赋值运算符函数
- CSS3特殊效果
- Linux初级 文件处理命令
- c++ 课堂作业(1)
- CSS总结
- linux--函数劫持--基于LD_PRELOAD
- windows下tomcat日志输出至文件
- CSS框模型,浮动,定位以及其他属性
- CSS基础知识点总结
- Mac hook苹果系统进程监控劫持
- touch事件的多点触控案例和获取touch的属性
- Html基础知识点
- C++第一次课堂作业 circle
- S:SELECT value 表达式
- 面向对象程序设计的基本概念和特征
- 1
- 深入理解数据结构之链表