移动web开发项目2: 携程网(移动端、flex布局)

最新推荐文章于 2022-07-20 15:37:58 发布

小黄呀呀呀

最新推荐文章于 2022-07-20 15:37:58 发布

阅读量426

点赞数

分类专栏：移动端 css

本文链接：https://blog.csdn.net/qq_42129553/article/details/113826182

版权

css 同时被 2 个专栏收录

41 篇文章 3 订阅 ¥19.90 ¥99.00

订阅专栏

移动端

9 篇文章 1 订阅

订阅专栏

本文详细介绍了使用Flex布局实现携程网移动端的页面开发，涵盖了技术选型、文件夹搭建、视口设置、初始化样式及模块划分等内容。通过分析.search-index、.focus焦点图、nav导航栏等关键模块的CSS样式，阐述了如何利用Flex布局实现各模块的布局和样式设计，包括定位、背景图处理和精灵图应用。

摘要由CSDN通过智能技术生成

携程网链接：http://m.ctrip.com

1.技术选型

方案：我们采取单独制作移动页面方案

技术：布局采取flex布局

2.搭建相关文件夹

在这里插入图片描述

3.设置视口标签以及引入初始化样式

<meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

<link rel="stylesheet" href="css/normalize.css">
<link r