为什么banner图片在真机没有沾满范围
来源：1-2 解决真机调试过程中的展示问题
weixin_慕少0279966
2021-07-20 12:54:33
相关截图：
---------------------------------------------------------
相关截图：
这里也是同样的问题，设置了宽度也没有效果在真机上。
写回答
1回答
-
好帮手慕久久
2021-07-20
同学你好，老师用源码测试，效果是正常的。
同学的效果之所以不正确是因为样式设置的不对。
1、首页中，banner图设置了高度是0.86rem：
由于html的font-size始终是100px，所以图片在任何机型下，高度都是固定的86px高；由于图片的宽度会按照高度自动计算，在高度固定的情况下，宽度也是固定的（结论：在任何机型下，图片宽高是固定的）。
但是不同的机型下，页面宽度是不一样的，所以在屏幕较宽的机型下，会出现宽度填充不满的情况：
2、同理，确定订单页，div.top__receiver的宽度，在任何机型下，也是固定的，所以也会出现填不满的现象：
建议同学参考源码，修改一下这两处的样式。
祝学习愉快！
0
相似问题