移动端
文章平均质量分 91
移动端响应式布局分类专栏将介绍相关的响应式设计理论、技术和实践操作。内容涵盖:响应式设计原理、常用框架的应用、移动端适配技巧、响应式图片和字体的实现、移动端页面布局、用户体验优化等。通过学习本专栏,你将掌握移动端响应式布局的设计思想和技术手段,能利用响应式框架设计适应不同屏幕的网站。
axiu呀
三年前无名小卒,三年后名满江湖
展开
-
跟着pink老师前端入门教程-day25
我尝试跟随教程完成黑马课程的一半时,意识到我需要掌握JavaScript的知识。因为本效果图采取 1280的宽度, 而Bootstrap 里面 container宽度 最大为 1170px,因此我们需要手动改下container宽度。④ 策略: 我们先布局 md以上的 pc端布局,最后根据实际需求在修改 小屏幕 和 超小屏幕的 特殊布局样式。③ 屏幕缩放发现 超小屏幕布局又发生变化,因此我们需要为 超小屏幕根据需求改变布局。② 屏幕缩放发现 小屏幕 布局发生变化,因此我们需要为 小屏幕根据需求改变布局。原创 2024-02-14 17:42:06 · 420 阅读 · 0 评论 -
跟着pink老师前端入门教程-day24
Bootstrap 来自 Twitter(推特),是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS 和 JAVASCRIPT 的,它简洁灵活,原创 2024-02-12 17:49:21 · 2107 阅读 · 0 评论 -
跟着pink老师前端入门教程-day23
苏宁网首页案例制作设置视口标签以及引入初始化样式<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">设置视口标签以及引入初始化样式 <meta name=原创 2024-02-10 17:01:52 · 1096 阅读 · 0 评论 -
跟着pink老师前端入门教程-day21+22
语法:起始方向颜色1,颜色2, ...);背景渐变必须添加浏览器私有前缀起始方向可以是: 方位名词 或者 度数 , 如果省略默认就是 top。原创 2024-02-07 18:02:40 · 970 阅读 · 0 评论 -
跟着pink老师前端入门教程-day20
就是通过给父盒子添加flex属性,来控制子盒子的位置和排列方式。原创 2024-02-06 18:48:54 · 1384 阅读 · 0 评论 -
跟着pink老师前端入门教程-day19
meta视口标签的主要目的:布局视口的宽度应该与理想视口的宽度一致,简单理解就是设备有多宽,布局的视口就多宽。视口(viewport):浏览器显示页面内容的屏幕区域,视口可以分为布局视口、视觉视口、和理想视口。一般移动设备的浏览器都默认设置了一个布局视口,用于解决早期的PC端页面在手机上显示的问题。通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充。在标准的viewport设置中,使用倍图来提高图片质量,解决在高清设备中的模糊问题。原创 2024-02-05 19:11:00 · 1215 阅读 · 0 评论