携程，京东，4399静态页面总结

一星期写了三个静态网页，主要都是使用flex弹性布局、绝对定位、媒体查询、less+rem实现。

总结

1.a,img,p之类的这些标签最好都设置一下display:block属性，成为块级元素，就能设置宽高

2.如果a标签里有文本和图片，white-space: nowrap;使a标签不换行是不生效的，它只对文字有效，可以用flex布局在x轴上进行排列。flex布局和绝对定位都有可能会让overflow:hidden失效。

3.跟着原页面样式写的时候一定要对应好font-size，先用px写，写完后在pc端没问题再一键改成rem就能适配移动端了，rem是根据html的font-size的改变而改变的，可以使用flexible.js插件进行适配。

4.滚动条用overflow-x:hidden和overflow-y:hidden，overflow:auto的效果是如果内容超出盒子大小，超出部分隐藏到后面，浏览器会显示滚动条，往后滚动就能看到。

携程，京东，4399静态页面总结相关推荐

携程移动端静态页面仿写
0x00 写在最前这次并没有完全复刻,首先是顶图用svg做遮罩层的部分没做,然后是页脚也用到了svg,这部分也没做,之后学习了svg可能会重新更新一下本博客吧携程移动端网址m.ctrip. ...
用HTML编写携程旅行,StaticHtmlPage(仿照携程写的静态网页)
StaticHtmlPage(仿照携程写的静态网页) 文章目录 StaticHtmlPage(仿照携程写的静态网页) 一,项目简介二,项目运行部署三,项目结构四,效果展示五,技术囊括 HTML ...
css京东购物车静态页面实现
css京东购物车静态页面实现 <!DOCTYPE html> <html><head><meta charset="utf-8">& ...
携程敏捷总动员-携程京东敏捷落地（上海敏捷沙龙）
携程敏捷总动员是由携程技术管理中心(PMO)发起的敏捷项目管理线下主题沙龙活动(每2月一次),旨在和研发管理同行分享互联网行业第一线的优秀敏捷实践. 转自本人运营的公众号" 携程技术中心PM ...
仿写携程旅游手机浏览器页面
xiecheng.html <!DOCTYPE html> <html lang="en"> <head><meta charset=&q ...
京东首页静态页面html+css
个人名片:
仿移动端苏宁(rem布局)、携程(flex布局)首页静态页面，源码可下载
移动端苏宁首页(rem布局) 前几个月时跟着黑马pink老师的视频使用rem布局制作了移动端苏宁首页以及移动端携程首页,视频里只完成了一部分页面,于是自己则把剩下未完成的部分敲完并通过码云部署发布静态 ...
python携程酒店评论_携程酒店评论爬虫心得
携程酒店评论爬虫心得发布时间:2018-09-02 15:58, 浏览次数:613 携程酒店评论爬虫心得这次爬取数据,遇到了不少的困难,也走了很多弯路,特此写下帮助记忆.以下基本是我爬取数据的过程 ...
携程ajax,Python爬虫实战之爬取携程评论
一.分析数据源这里的数据源是指html网页?还是Aajx异步.对于爬虫初学者来说,可能不知道怎么判断,这里辰哥也手把手过一遍. 提示:以下操作均不需要登录(当然登录也可以) 咱们先在浏览器里面搜索携 ...

携程，京东，4399静态页面总结

总结

携程，京东，4399静态页面总结相关推荐

最新文章

热门文章