HTML加CSS图片像素太大,导致图片溢出窗体大小,怎么设置图片随窗体变化

HTML加CSS图片像素太大,导致图片溢出窗体大小,怎么设置图片随窗体变化,第1张

可以给背景图片加个尺寸限定:background-size: 100% 100%/* 背景图片同窗口完全自适应,但长宽可能会变形 */background-size: contain/* 背景图片同窗口完全自适应,并且不变形 */

看你的意思是搜索框和搜索按钮是平行的,缩小后按钮被挤下来了!

你可以这样,将按钮(应该是按钮的<div>)position改为relative,right属性设置下(10px等)。不过最好也把搜索框也这样设置。主要是不知道你使用的是百分比还是像素,不好说。先试试吧

1、可以使用一段js来解决window.onload=function(){//获取图片元素varimgs=document.getElementsByTagName("img")。

2、获取div元素varcontentLeft=document.getElementById("col-md-7")。//使用js设置图片元素宽度的变化。


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

原文地址:https://54852.com/zaji/8316299.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存