css如何使导航下面的那个图片自动填充屏幕宽度

css如何使导航下面的那个图片自动填充屏幕宽度,第1张

要达到这种效果必须先知道这张是已那种形式导进去的,无外乎2种:

1img标签导入,那么img外层如果没有浮动或者去限定宽度,默认就是填充整个屏幕的宽度,那么就可以设置img{width:100%;}这句样式来让其填充满屏幕,记得高度不要设置,不然会让变形失真;

2通过css里面的background-images的方式以背景的形式导进去,那么在html框架里面的展示标签必须是撑满屏幕宽度的,然后在样式里面通过background-size:contain让其填充满屏

你的问题有点含糊:

理解1:百分百显示

先要设置盒子宽度是100%;该盒子css插入的属性background:url(大路径) no-repeat;

理解2:宽度大于屏幕分辨率的居中显示

img插入,css中width:宽px;left:50%;margin-left:-(宽÷2)px;

以上就是关于css如何使导航下面的那个图片自动填充屏幕宽度全部的内容,包括:css如何使导航下面的那个图片自动填充屏幕宽度、请问:css中怎样插入宽度大于屏幕分辨率的宽度的图片,并设置所有电脑查看是满屏显示,没有滚动条 谢谢、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9318623.html

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

发表评论

登录后才能评论

评论列表(0条)

保存