在html网页的开发中,需要兼容不同尺寸的屏幕,让图片在不同的设备上表现出预期的效果。使用css中的背景属性可以实现自适应屏幕宽度 需要准备的 物品 浏览器,文本编辑器 详细介
在html网页的开发中,需要兼容不同尺寸的屏幕,让图片在不同的设备上表现出预期的效果。使用css中的背景属性可以实现自适应屏幕宽度
需要准备的物品
浏览器,文本编辑器
详细介绍方法/步骤
用下面的代码创建一个新的html文件
打开html文件所在的文件夹,双击该文件并跳转到浏览器
更改浏览器大小,发现图片没有变化,显示不完整
在文件夹中,创建一个新的样式文件,命名为auto.css,代码如下
在html文件中添加对样式文件的引用,返回文件夹,双击html文件,发现浏览器的改变会导致图片一起改变,适应屏幕大小