html5设置图片自适应屏幕宽度
关注：95 发布时间：2021-07-12 16:51:01
导语本文整理了html5设置图片自适应屏幕宽度经验知识，帮助您全面了解，小白也能成为高手，跟随小编一起来看一看吧！
在html网页的开发中，需要兼容不同尺寸的屏幕，让图片在不同的设备上表现出预期的效果。使用css中的背景属性可以实现自适应屏幕宽度
需要准备的物品
浏览器，文本编辑器
详细介绍方法/步骤
用下面的代码创建一个新的html文件
打开html文件所在的文件夹，双击该文件并跳转到浏览器
更改浏览器大小，发现图片没有变化，显示不完整
在文件夹中，创建一个新的样式文件，命名为auto.css，代码如下
在html文件中添加对样式文件的引用，返回文件夹，双击html文件，发现浏览器的改变会导致图片一起改变，适应屏幕大小
上一篇：怎么导出mysql数据
下一篇：怎么修改sql
猜你喜欢
热门it技术经验
-
1051位用户关注
-
974位用户关注
-
744位用户关注
-
740位用户关注
-
603位用户关注
-
594位用户关注