[已解决]小米商城练习出现的问题

zxcbcv · 发表于 2020-12-18 19:25:22

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 zxcbcv 于 2020-12-18 19:41 编辑

为什么放大之后会出现空白区域？？

小米商城练习.rar (1.45 MB, 下载次数: 9)

最佳答案

zxcbcv

2020-12-23 19:06:44

我找到原因了应该给body设置个min-width:1226px

kogawananari · 发表于 2020-12-20 00:18:44

你家是4K屏幕？

zxcbcv · 发表于 2020-12-20 08:42:02

不是呀

yuesezhenmei · 发表于 2020-12-20 11:04:33

你是pc端的网站就不要用F12的手机模式查看，否则大小会出错，要不你就写个media适应不同屏幕

zxcbcv · 发表于 2020-12-20 12:38:10

yuesezhenmei 发表于 2020-12-20 11:04
你是pc端的网站就不要用F12的手机模式查看，否则大小会出错，要不你就写个media适应不同屏幕

我只是在pc端正常查看，没用检查，就是简单的鼠标滚轮放大，就变成这个样子了

bhcqzf · 发表于 2020-12-21 09:31:22

不懂呀

心驰神往 · 发表于 2020-12-21 16:40:19

不清楚

kogawananari · 发表于 2020-12-21 17:15:05

zxcbcv 发表于 2020-12-20 12:38
我只是在pc端正常查看，没用检查，就是简单的鼠标滚轮放大，就变成这个样子了

我把浏览器窗口拉到3600像素宽度的时候才出现这个情况

hlgy9918 · 发表于 2020-12-21 19:20:12

这方面真不懂

学抓蟒蛇 · 发表于 2020-12-23 10:05:32

发现BUG了？

zxcbcv · 发表于 2020-12-23 19:06:44

我找到原因了应该给body设置个min-width:1226px

zxcbcv · 发表于 2020-12-23 19:32:20

kogawananari 发表于 2020-12-21 17:15
我把浏览器窗口拉到3600像素宽度的时候才出现这个情况

我找到原因了应该给body设置个min-width:1226px

zxcbcv · 发表于 2020-12-23 19:37:48

（）

zxcbcv · 发表于 2020-12-23 19:39:22

yuesezhenmei 发表于 2020-12-20 11:04
你是pc端的网站就不要用F12的手机模式查看，否则大小会出错，要不你就写个media适应不同屏幕

我找到原因了应该给body设置个min-width:1226px

yuesezhenmei · 发表于 2020-12-23 21:01:17

zxcbcv 发表于 2020-12-23 19:39
我找到原因了应该给body设置个min-width:1226px

我以前也写过小米商城你要吗，用webpack打包过的，用的是Vue2，还加了很多组件，Vant，element，echarts。。。。。。，并且如果你会后台数据库，我还可以发给你加了数据库的，我用的是nodejs连接MongoDB

zxcbcv · 发表于 2020-12-23 21:03:53

yuesezhenmei 发表于 2020-12-23 21:01
我以前也写过小米商城你要吗，用webpack打包过的，用的是Vue2，还加了很多组件，Vant，element，echart ...

暂时不用我刚学前端

谢谢

葳蕤无为 · 发表于 2021-1-5 11:33:28

zxcbcv 发表于 2020-12-20 12:38
我只是在pc端正常查看，没用检查，就是简单的鼠标滚轮放大，就变成这个样子了

header-banner的background-size改成cover

账号		自动登录	找回密码
密码			立即注册