当前位置 : 主页 > 手机教程 > 手机资讯 >

html5设置图片自适应屏幕宽度

来源:互联网 收集:自由互联 发布时间:2022-06-06
在html网页的开发中,需要兼容不同尺寸的屏幕,让图片在不同的设备上表现出预期的效果。使用css中的背景属性可以实现自适应屏幕宽度 需要准备的 物品 浏览器,文本编辑器 详细介

在html网页的开发中,需要兼容不同尺寸的屏幕,让图片在不同的设备上表现出预期的效果。使用css中的背景属性可以实现自适应屏幕宽度

需要准备的物品

浏览器,文本编辑器

详细介绍方法/步骤

用下面的代码创建一个新的html文件

打开html文件所在的文件夹,双击该文件并跳转到浏览器

更改浏览器大小,发现图片没有变化,显示不完整

在文件夹中,创建一个新的样式文件,命名为auto.css,代码如下

在html文件中添加对样式文件的引用,返回文件夹,双击html文件,发现浏览器的改变会导致图片一起改变,适应屏幕大小

上一篇:淘宝买了东西怎么退款?
下一篇:没有了
网友评论