当前位置:首页 > 经验 > 数码摄影 > it技术

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

关注:98 发布时间:2021-07-12 16:51:01

导语本文整理了html5设置图片自适应屏幕宽度经验知识,帮助您全面了解,小白也能成为高手,跟随小编一起来看一看吧!

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

需要准备的物品

浏览器,文本编辑器

详细介绍方法/步骤

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

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

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

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

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

猜你喜欢

  • 头条头像怎么换不了

    头条头像怎么换不了67人喜欢

    1.打开手机,然后点击手机上今天的头条。2.点击左下角的“我的”菜单。3.然后单击编辑数据。4.进入编辑信息页面,然后点击第一个“头像”。5.选择头像有两个来源,即“进入相册”和拍照。6.拍照后,修剪…

    更新时间:2022-06-06 12:54:04

  • 抖音音乐怎么设置铃声

    抖音音乐怎么设置铃声81人喜欢

    1.找到你喜欢的tik tok纯音乐视频或背景音乐视频,打开右下角分享。2.在共享中查找并保存本地视频,然后单击下载。3.下载后,打开手机文件管理文件夹中的视频文件夹,找到下载的视频。4.长按视频,会出现…

    更新时间:2022-01-18 17:12:05

  • 想运营抖音号怎么做

    想运营抖音号怎么做86人喜欢

    1.一、第一件事,也是最重要的一件事:换身份证,把数字身份证换成英文字母组成的容易记忆的身份证号。因为别人看到你的视频想关注的时候,如果id是一串数字,别人很难记住,想关注的话还要输入数字,很麻烦,所…

    更新时间:2022-01-13 14:53:01

  • tiktok抖音哪国的

    tiktok抖音哪国的106人喜欢

    1.tik tok是北京字节跳动科技有限公司旗下抖音短视频的国际版2.随着tik tok海外的成功,抖音短视频成为中国产品海外成功的又一杰出代表,被视为中国移动产品下海的新模式。3.2020年8月1日,微软正在…

    更新时间:2022-01-14 07:00:36

  • 哪种编程语言最好学

    哪种编程语言最好学35人喜欢

    哪种编程语言最容易学?小编让你知道。详细介绍方法/步骤python是最好学的编程语言。python的风格简单易懂。其实更适合在c语言之前学习。python是一种前端语言,也就是说它更直接的面对机器,是一种表…

    更新时间:2021-07-12 10:57:01

  • 华为畅享9s网络设置

    华为畅享9s网络设置63人喜欢

    1.首先我们在手机桌面找到【设置】,点击打开【设置】。2.单击打开[无线和网络]。3.在无线和网络菜单下,单击进入要选择的网络模式。4.单击网络右侧的交换机,然后单击我们需要连接的网络。5.输入密码…

    更新时间:2022-03-05 14:54:06

  • 忘记网络名称怎么办

    忘记网络名称怎么办60人喜欢

    1.首先在你电脑的ie地址栏输入路由器192.168.0.1或192.168.1.1的ip地址,进入路由器设置界面。在wan设置列中,您的宽带用户名位于pppoe选项下方。2.二是致电客服咨询,或者直接携带业主身份证到附近营…

    更新时间:2022-01-05 20:47:01

  • 微博桌面提示网络异常请重新登录解决办法

    微博桌面提示网络异常请重新登录解决办法55人喜欢

    详细介绍方法/步骤首先打开手机的下拉框检查是否是网络问题。关闭数据和wifi,重新连接。如果是网络问题,重新连接网络后可以使用。如果微博账号有问题,先找微博,然后点开微博。打开微博后,账户可能已…

    更新时间:2021-08-30 16:52:01

  • excel的多级分组显示

    excel的多级分组显示11人喜欢

    使用excel时,有时需要分层显示数据。怎么设置?下面和大家分享一下操作方法。需要准备的物品excel2010详细介绍方法/步骤首先打开excel2010,输入如图所示的所需数据内容。选择要用作底层的数据,单击数…

    更新时间:2021-08-24 18:50:01

  • ps里怎么新建画布

    ps里怎么新建画布79人喜欢

    ps是大家日常工作中经常用到的软件。今天我就来讲解一下如何在ps中建立新的画布。详细介绍方法/步骤打开ps软件,进入首页,如图。点击左侧的“新建”,打开新建对话框,如图。在新对话框中设置画布的长…

    更新时间:2021-06-27 15:29:27

  • m4a格式怎么使用音频转换器转换成mp3?

    m4a格式怎么使用音频转换器转换成mp3?65人喜欢

    需要准备的物品音频格式转换器m4a格式的音频文件详细介绍方法/步骤百度搜索音频格式转换软件,进入下载站下载安装在电脑上。下载安装成功后,打开音频格式转换软件,点击添加文件或添加文件夹,打开m4a…

    更新时间:2021-10-09 14:54:03

  • 信息管理与信息系统考研可以考什么专业

    信息管理与信息系统考研可以考什么专业91人喜欢

    1.信息管理与信息系统专业研究生方向为:管理科学与工程、档案学、信息科学、行政管理、企业管理、物流管理、电子商务、系统工程、计算机等。当然也可以选择计算机软件开发相关的方向。2.管理方向…

    更新时间:2022-05-09 20:46:04