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

小米商城练习出现的问题

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

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

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

你家是4K屏幕？{:10_313:}

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 ...

暂时不用 我刚学前端{:5_108:} 谢谢

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

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

header-banner的background-size改成cover
页: [1]
查看完整版本: 小米商城练习出现的问题