做移动版html图片怎样布局

做移动版html图片怎样布局,第1张

看你怎么来做这个移动站了,我给你举几个例子吧:

1、如果你做的是width:320px;那么你的banner图也是320px,其余的小图自己固定控制即可;

2、如果你是做最小宽度min-width与最大宽度max-width的话,控制区域最大宽度不要超过多少px,然后图片可以设置width:100%;即可自动适应;

3、页面布局100%,这样的很多时候可能会导致图片在pc电脑上失真,但是咱们做的是移动端的,所以不用顾虑那么多,设置width为100%即可;

现在的移动端整体布局都不会超出这个范围,看你自己合适做什么,选其一种即可;

首先你知道宽度的大小吧,比如不同设备宽度,然后由于图片外面的div高度是由图片高度决定的,所以div,可以设置max/min-height,然而图片在只设置width的时候,height是等比例缩放的


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6109239.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存