HTML网页的开发中 ， 需要对大小不一的屏幕兼容 ， 使图片在不同的设备中可以展示预期的效果 。 自适应屏幕的宽度 ， 利用css中background属性可以实现东西/材料 浏览器 ， 文本编纂器
操作方式 01 新建一个HTML文件 ， 代码如下图
文章插图
02 打开HTML文件地点的文件夹 ， 双击文件 ， 跳转到浏览器
文章插图
03 改变浏览器大小 ， 发现图片没有转变 ， 显示不全
文章插图
04 【html5设置图片自适应屏幕宽度】在地点文件夹下 ， 新建一个样式文件 ， 定名为 auto.css ， 代码如下
文章插图
文章插图
05 在HTML文件中加上对样式文件的引用 ， 返回文件夹 ， 双击HTML文件 ， 发现浏览器的转变会引着图片一路转变 ， 自顺应屏幕的大小
文章插图
文章插图
以上内容就是html5设置图片自适应屏幕宽度的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 快速打开wps，设置wps的快捷键
- 如何设置网页临时文件在历史记录中的保存天数
- 打印图片怎么设置没有白边、无边距打印
- 苹果笔记本上自带的画图预览编辑图片功能简介
- word中怎么设置文字下沉
- 企业微信怎么设置不接收消息提醒
- 手机QQ班级群怎么样设置管理快捷工具栏
- 微信怎么设置允许任何人加我为好友
- 怎么设置qq每次聊天自动删除聊天记录
- 用PS如何将图片调整成半彩色半黑白