制作移动端html,H5移动端各种各样的列表的制作方法(一)

最新推荐文章于 2024-09-04 10:30:31 发布

软实力英语

最新推荐文章于 2024-09-04 10:30:31 发布

阅读量1.1k

点赞数

文章标签：制作移动端html

这篇博客是移动端H5系列教程的一部分，主要介绍如何使用SASS语法制作不同类型的列表。作者首先强调移动端与PC端的区别，并提供基础的HTML和SASS代码示例，包括最简单的列表和不顶头线条的列表。博客还提醒读者注意移动端编码统一和元素的隐藏溢出处理。

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

H5移动端各种各样的列表的制作方法(一)

前言

随着移动互联网的发展,大量前端人员从pc端转移动端.而很多PC端的前端经验并不适用于移动端.前几日我撰写的一篇博文《移动端H5的一些基本知识点总结》获得了大量的点击量.因此,FungLeo决定,在接下来的时间里,我将围绕移动端,展开一系列的教程.本系列文章的CSS部分,将全部采用SASS语法撰写.如果您不会SASS,建议阅读相关教程,包括本人的《CSS预编译技术之SASS学习经验小结》教程.

本系列文章将引用reset.scss和mixin.scss两个基础文档,用于重置浏览器样式,和基础的一些SASS代码块.由于代码较长,请参阅《移动端系列博文基础reset.scss和mixin.scss》获取.

本人水平有限,能力一般,因此文章中将不可避免的有错误和遗漏.因此,欢迎大家在文章里评论留言.我将在第一时间内回应.谢谢大家.

最简单的列表

首先,来一个最简单的列表.我们要实现的效果,如下图所示: