移动Web开发
文章平均质量分 64
移动端网页开发及案例
WangZhang_521
普通女孩热爱生活中...
展开
-
rem适配方案
rem适配方案<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2022-01-21 21:59:59 · 267 阅读 · 0 评论 -
Less的使用-Less变量、Less嵌套和运算
01-Less的使用-Less变量html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0原创 2022-01-21 21:58:17 · 463 阅读 · 0 评论 -
Less介绍及安装
Less介绍<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2022-01-18 23:12:26 · 162 阅读 · 0 评论 -
css的缺点
css的缺点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2022-01-18 23:08:53 · 337 阅读 · 0 评论 -
移动web开发之rem适配布局
01-rem单位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2022-01-18 18:25:25 · 420 阅读 · 0 评论 -
移动端携程网首页制作
index.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 第一步,设置标准的视口标签 --> <meta name="viewport" content="width=device-wid原创 2022-01-18 15:54:21 · 1067 阅读 · 0 评论 -
背景线性渐变
背景线性渐变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2022-01-18 14:34:45 · 80 阅读 · 0 评论 -
flex布局-子项常见属性
01-flex属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2022-01-17 21:02:59 · 216 阅读 · 0 评论 -
flex布局-父项常见属性
01-flex主轴方向<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2022-01-17 20:16:59 · 149 阅读 · 0 评论 -
移动端常见布局-流式布局
01-流式布局(百分比布局)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-01-17 15:53:08 · 81 阅读 · 0 评论 -
京东移动端首页制作
京东移动端首页制作index.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 第一步,设置标准的视口标签 --> <meta name="viewport" content="width=原创 2022-01-17 12:37:18 · 1743 阅读 · 0 评论 -
CSS3盒子模型及移动端特殊样式
CSS3盒子模型<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti原创 2022-01-14 17:58:34 · 118 阅读 · 1 评论 -
meta视口标签、物理像素与物理像素比、二倍图做法、背景缩放background-size、背景图片2倍图
01-meta视口标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 视口标签标准写法 --> <meta name="viewport" content="width=device-width, in原创 2022-01-14 17:56:34 · 438 阅读 · 0 评论