相关文章
移动web开发 17-1 响应式布局 bootstrap首页 框架 阿里百秀项目
1 响应式开发原理
1.1 响应式开发原理
核心:使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。
1.20媒体查询(重点)
媒体查询区间的写法 当屏幕宽度<768,body的背景颜色是黄色 max-width:屏幕宽度小于等于某个尺寸 min-width: 屏…
建站知识
2025/1/10 8:45:47
前端移动Web第四天案例：阿里百秀首页-响应式布局（bootstrap框架）
阿里百秀首页案例 技术选型 方案：我们采取响应式页面开发方案技术：bootstrap框架设计图： 本设计图采用 1280px 设计尺寸1. 页面布局分析 2. 屏幕划分分析
① 屏幕缩放发现 中屏幕 和 大屏幕布局 是一致的。 因此我们列 定义为 col-md- 就可以了， md 是大于等于 970 以上的…
建站知识
2025/2/4 13:47:37
阿里百秀README.md文件（ajax）
项目代码：github和gitee都有，这里篇幅限制，就不写了；
阿里百秀
基础URL：http://localhost:3000
1. 用户管理
1.1 创建用户
请求地址请求方式/usersPOST
参数名称是否必选参数说明nickName是用户昵称email是邮件地…
建站知识
2025/1/7 4:39:08
bootstrap实际应用之阿里百秀的制作
视频教程 是参考黑马程序猿pink老师的视频加上自身所学所作的笔记，以及一些心得，希望能有所帮助 html快捷键 真正的能理解CSS中的line-height padding,border,margin与width宽度的关系
最后结果：
html: <!DOCTYPE html>
<html la…
建站知识
2025/1/8 21:20:01
阿里百秀移动端首页案例
技术选型
方案：我们采取响应式页面开发方案
技术：bootstrap框架
设计图：本设计图采用1280px设计尺寸 页面布局分析 有一个.container大盒子 里面装三个盒子nav 2份 artictle 7份 aside侧边栏3份 屏幕划分 中等屏幕和大屏幕一致 ① 屏幕缩放发现中屏幕 和大屏幕布局是一致…
建站知识
2025/1/11 19:24:37
wordpress阿里百秀主题v7.7
介绍：
XIU主题7.7版本 全面兼容 PHP 8.0 新增标签页的SEO设置（标题、关键词、描述） 新增手机端底部菜单 新增首页轮换图的alt属性以利于SEO 调整文章页图片弹窗在PC端也起作用 优化文章页图片弹窗点击效果 网盘下载地址：
http:/…
建站知识
2025/1/9 21:50:06
bootstrap响应式布局之阿里百秀
响应式布局
移动端布局技术选型 -流式布局（百分比布局） -flex弹性布局 -rem适配布局 -响应式布局
响应式就是页面布局会随着屏幕大小变化响应，做出不同的布局模式。 相应不同设备（手机，PAD，PC） 开发原理：使用媒体查询针对不同宽度的设备进行布局和样式的设置 设备划分…
建站知识
2025/1/9 18:36:54
