一、 网页内容宽度
网页的最小宽度 = 内容区域 + 60px，即 **1280px + 60px**
网页最大宽度 = **100%**
网页头部、底部、Banner 宽度：最大 100%，最小 1280px + 60px
网页主体内容区域宽度：最大 1280px + 60px，最小 1000px
二、 网页布局
页面能够按照左右区分的，采用左右布局方式，用浮动写（左浮动、右浮动）
三、响应式页面（Bootstrap 栅格系统）
将需要换行的元素设置 `colxsxx`，实现在不同屏幕下的自适应
`container` 的两边会有一个 15px 的内边距
`containerfluid` 类没有内边距
`container` 类在屏幕宽度 ≤ 767px 时，宽度 = 屏幕宽度（100%）
`containerfluid` 类不管屏幕宽度大小，一直是 100%
四、 静态页面开发流程
1. 先把效果图仔细看一遍，把疑问的地方、公共的页面用 Word 文档分别记录下来，疑问的地方找设计咨询明确清楚
2. 根据项目的情况从之前的项目中 copy，把没有用的去掉
3. 分配任务，制定开发计划
4. 根据开发计划开始开发项目
5. 开发好之后把页面串起来，然后把页面的问题自己仔细检查一遍
6. 自查完毕之后发给设计同事帮忙看一遍，没有问题交付项目
五、网站虚拟联系方式
1、400电话
400-888-8888
2、微信号/手机号
188-8888-8888
3、备案号
苏ICP备00000000 号-1
4、邮箱
00000000@qq.com
5、微信二维码
6、联系地址
江苏省南京市南京南站
六、静态页面开发流程以及要求
1. 开发之前需要明确网站类型：响应式网站、PC 网站、移动端网站
2. 响应式网站、移动端网站中的电话号码、邮箱需要点击拨打电话、发邮件的功能：
<a href="tel:025-00000000">025-00000000 </a> <a href="mailto:00000000@qq.com">00000000@qq.com </a>
3. PC 端网站开发过程中需要注意 IE 浏览器的兼容性问题
4. swiper 轮播图需要有兼容性写法
5. 点击网站的 logo 需要跳转到首页
6. 网站的头部、底部需要写到公共样式
7. 网站开发之前需要把公共的部分挑选出来，相同的地方写入到公共样式文件中
8. 文字处理：在详情页可以看到详细内容，可以点点点处理，看不到地方就需要自动撑开，不能用点点点的方式处理
9. 弹窗用 layui 来写
10. 表单的校验提示语用 layui 的轻提示来写
11. 图片需要定宽度、高度
12. PC 端按钮：设置最小宽度，居中显示，最大宽度用 padding + 内容自动撑开
13. 移动端按钮：当一列有 2 个按钮、或 1 个按钮，按钮的宽度用百分比写
14. 点击事件需要用 JQ 的 on 方法进行绑定
15. layui 的弹窗样式不要直接修改，需要添加自定义类名来修改
16. 移动端：网页宽度 92%，左右边距 4%
17. hover 动画效果示例：
css
.summary_info {
transition: all 0.9s;
cursor: pointer;
}
/ 放大效果 /
.summary_info:hover {
transform: scale(1.05);
}
/ 向上移动效果 /
.summary_info:hover {
transform: translateY(-10px);
}