摘要: 一.搜索响应式在 PC 端,将搜索的文本框和按钮至于大背景前,移动端直接放在了大图片的下方。在响应式这里,还是遵循 PC 端,只不过采用流体缩放外加响应式控制来兼容显示。//PC 端移植,并稍作修改 搜索 //CSS... 阅读全文
posted @ 2017-03-15 01:31 PengTdy 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 一.响应式初探在前面分别设计了 PC 端固定布局和移动端流体布局。其实已经可以做出兼容 PC、PAD 和移动端的响应式页面了。将PC 端固定布局和移动端流体布局改成三个终端都可以正常显示的响应式布局。响应式设计最重要的环节就是媒体查询,我们仿造一个最为流行的 Bootstrap 框架... 阅读全文
posted @ 2017-03-15 01:25 PengTdy 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 一.导航固定由于移动设备屏幕高度较低,没有滚动条操作的便利性。一般来说,栏目的导航部分总 是固定在移动设备的某一个方位。我们这里将头部的导航永远固定在头部,不会随着页面向 下滑动而更改。//固顶定位#header { position: fixed; top: 0; ... 阅读全文
posted @ 2017-03-15 01:16 PengTdy 阅读(255) 评论(0) 推荐(0) 编辑