移动端布局的集中解决方案
关注
分享
扫一扫
移动端布局的解决方案
Gjanuary
心在山东身在吴，飘蓬江海谩嗟吁。 他时若遂凌云志，敢笑黄巢不丈夫
展开
-
小米官网移动端布局
效果演示<!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"> <link原创 2022-05-22 13:45:04 · 1115 阅读 · 0 评论 -
利用边框制作三角形原理
三角形制作原理原创 2022-03-16 19:07:42 · 292 阅读 · 0 评论 -
响应式布局（多媒体查询）仿苹果官网部分实例
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-03-15 16:34:14 · 1069 阅读 · 0 评论 -
移动端抽奖大转盘
181e67f2cca50dc512e9014faf07833a<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta ht原创 2022-03-08 12:40:28 · 320 阅读 · 0 评论 -
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-scal...原创 2022-03-07 14:51:22 · 122 阅读 · 0 评论 -
物理像素，css像素的理解,vw的使用以及案例
（1）物理像素=>物理像素只的就是一个小点点（2）另外一种是css像素=>css像素使我们书写代码的时候书写的单位>>>浏览器在加载网页的时候，需要将css像素转化成物理像素<<<默认情况下pc端一个css像素等于一个物理像素默认情况下移动端的网页都会将980像素css像素，让pc端的网页在移动端也能全部展现出来最佳像素比设置完美视口<meta name="viewport" content="width=device-.原创 2022-03-04 17:29:00 · 534 阅读 · 0 评论