前端循序渐进 - 仿京东 Web 移动端首页（简易版）

最新推荐文章于 2023-12-18 17:50:42 发布
最新推荐文章于 2023-12-18 17:50:42 发布
阅读量3.6k 收藏 10
点赞数
分类专栏： 前端 文章标签： 京东首页 Web 移动端 百分比布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xingxtao/article/details/82082190
版权

最近在学 Web 前端，HTML,CSS 虽然上手容易，但是网页布局什么的，还是要多练习才行，趁周末两天空闲时间，写一些页面练习练习。
宽度使用 百分比 布局，适配不同宽度设备。

最大宽度显示效果：
最大宽度显示效果

手机显示效果：
手机显示效果

源码： https://github.com/xing16/jd-mobile

星火燎原2016
关注
  • 0
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
京东移动端首页
qq_65461377的博客
12-21 236
京东移动端app首页
仿京东移动端.zip
12-26
仿京东移动端
shop:简单的仿京东移动端 Web 项目
04-21
店铺 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
移动端流式布局练习
qq_53575143的博客
10-30 163
内容为观看b站黑马程序员教学视频跟练笔记 以京东商城为案例 用流式布局制作移动端网页，
小米移动端页面练习---重点：导航栏点击下箭头内容的切换以及样式,高亮显示的实现
最新发布
m0_72929120的博客
12-18 378
【代码】小米移动端页面练习---重点：导航栏点击下箭头内容的切换以及样式的实现。
移动端页面小练习
qq_41633396的博客
05-31 415
为什么图片会不完整显示呢？ 因为设计图里面的图片给的就是一个二倍图的效果，我们将图片导入到html文档中，它就默认为css里面的像素，但是我们在检查工具中看到的是一个二倍图的效果（因为此时，css:手机像素比是1：2），所以，我们才会在调试工具的这个地方看到是完整图片的一半 为什么我的.banner设置了水平居中，但是，并没有试下效果呢？ 语句也没有写错，写错位置等，打开调试工具发现 style里面也设置了，但是在computed里面，发现它并没有生效？这是为什么？.banner也有宽度，</f
移动端京东添加触摸事件轮播图
仗剑天涯，从摘要开始
12-27 327
/*轮播图*/ function bannerEffect(){ /*1.设置修改轮播图的页面结构 * a.在开始位置添加原始的最后一张图片 * b.在结束位置添加原始的第一张图片*/ /*1.1.获取轮播图结构*/ var banner=document.querySelector(".jd_banner"); /*1.2.获取图片容器*/ ...
HTML+CSS作品展示（仿写京东移动端首页①）
weixin_42541725的博客
01-26 2955
仿写京东移动端首页①
仿移动端京东商城
宏斌的博客
01-17 1095
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>shop</title> <link rel="stylesheet" href="../css/小商城.css"> <script sr...
仿京东首页页面
10-26
完整布局，仿照京东首页，运用H5+css3完成页面的实现，可以用来学习如何布局，写得都很详细，可以慢慢学习，哪怕零基础。。。
京东首页仿写.zip
06-24
适合初学者，仅供参考哦！ 静态页面练习。 静态页面练习。 静态页面练习。 静态页面练习。 静态页面练习。
仿京东主页Web开发源代码（html+css)）
07-11
对京东主页的效果图进行web网页搭建，这里仅基于HTML和CSS对网页主体结构和样式进行了重现。
仿京东HTML5手机网站
03-19
HTML网站,移动端, 电商类, 购物车, 商品详情...大家相互探讨.
仿京东移动端地址.zip
04-23
仿照京东地址选择，适合移动端地址选择，完美适应移动端或者pc端
仿京东商城（部分功能)前端+后台
07-25
仿京东商城部分功能，从注册登录，首页展示，搜索框，到页面的详情，加入购物车，将购物车存储到redis中。后台使用Spring+SpringMVC+MyBatis+Redis实现。对初学者是一个非常好的联系项目，不大也不小，而且先后台都有涉及。
仿写京东移动端:流式布局
m0_49896713的博客
01-12 126
流式布局只需要管宽度比列 高度由里面的内容撑起来
仿京东商城H5移动端首页
03-29
仿京东商城H5移动端App，其中首页轮播无缝切换以及活动倒计时，以及分类页有关的html、css及相关js代码。
仿京东前端页面
12-24
本项目为学员在后盾人学习一个月后写出的前端项目，页面采用技术有HTML、DIV+CSS、JAVASCRIPT、JQUERY等，代码规范合理，符合W3C开发标准，兼容所有主流浏览器。
循序渐进：利用Zend Framework 2.0构建全功能Web应用
本书《Zend Framework 2.0 by Example: Beginner's Guide》由 Krishna Shasankar V 编写，是一本实用的教程，它提供了一个循序渐进的学习路径，帮助初学者构建功能全面的 web 应用程序，利用 Zend Framework 2.0 的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值