css要不要给div里的图片设置宽高

css要不要给div里的图片设置宽高

css需要给div里的图片设置宽高,因为图片尺寸过大时在小屏幕上会显示不下,出现横向滚动条,横向滚动条在移动端的显示并不是很友好,因此需要避免横向滚动条在移动端的出现。给图片的宽添加css样式max-width: 100%; 即可。

(推荐学习:CSS视频教程

● 下面是不限制宽高时img的显示情况,可以看见出现了滚动条

Snipaste_2019-12-21_13-13-22.jpg

● 下面我们添加css样式,限制img的宽度

img{
    max-width: 100%;
}

Snipaste_2019-12-21_13-17-28.jpg

这样就可以显示的下了,在小屏幕的展示也很友好。

Image placeholder
前端答疑
未设置
  56人点赞

没有讨论,发表一下自己的看法吧

推荐文章
如何保存css里的图片

如何保存css里的图片1、打开网页,按下f12打开开发者工具;2、使用dom选取工具(ctrl+shift+c)选择网页中需要下载的图片;3、之后在右侧css规则面板中,右键图片的url;(推荐学习:

要不要赶个时髦,去建设一个「 中台 」?

很多技术人总是抱怨新技术/新框架/新概念太多了,总是学不完,抱怨实在是学不动了。哈哈,这不,最近「中台」这么火热,要不要停止抱怨,再咬咬牙学一波?“很多人都担心被技术新潮流所抛弃,所以当遇见不断涌现的

程序员到底要不要接外包?

之前写过一篇文章,题目叫做《窝在二线城市很难受,要杀回一线城市吗》,里面提到程序员接外包这件事,于是很多小伙伴就私下问我:二哥,我也想接外包,但不知道去哪里接,能介绍一些吗?其实接外包最直接的方式,就

技术总监到底要不要写代码?

这是一个非常敏感的话题,每次谈论到技术总监要不要写代码的时候,总会引起一片争论。有的程序员说技术总监如果不写代码怎么能领导好技术团队;有的说技术总监还需要写代码?如果技术总监都需要写代码的话,那技术团

NVIDIA再放“大招”,拓宽高性能计算边界

11月19日,在丹佛2019全球超级计算大会(SC19)上,NVIDIA创始人兼首席执行官黄仁勋进行了主题演讲,并宣布了NVIDIA在高性能计算领域的最新动态与成果。这些成果表明,NVIDIA正在将自

css中背景透明的图片不透明怎么解决

css中背景透明的图片不透明怎么解决一、使用滤镜解决img{ background:transparent; -ms-filter:"progid:DXImageTransform.Microsoft

iis不显示css引用的图片?

iis不显示css引用的图片?原因有两个:项目文件夹权限问题未开启IIS的静态内容功能(相关课程推荐:css视频教程)解决方法:1、文件夹权限问题的解决方法项目文件夹→属性→安全→编辑→添加→高级→立

【CSS全解01】CSS基础-体系化学CSS

大纲 基础部分学习占比:HTML1%`CSS19%Javascript80%`(`基础部分?%框架?%`项目?%) CSS历史 AcidTestforbrowser CSS是艺术(非逻辑,用测试经验来

css怎么设置图片平铺方式?

background-repeat属性是用来设置背景图像如何平铺的。默认地,背景图像在水平和垂直方向上重复。属性值:repeat:即默认方式,完全平铺背景;no-repeat:在X及Y轴方向均不平铺;

css如何设置图片不变形

css如何设置图片不变形解决方法有两种:一、让图片和布局宽度高度成等比例,这样CSS设置死宽度和高度,图片也是等比例缩小,图片也不会变形。//原尺寸300*200 //等比缩放2:1 img{ wid

dw里怎样设置图片的css样式

dw里怎样设置图片的css样式1、首先在文件内插入一张图片,点击插入\图像,选择一张图片即可。2、选中图像,点击css样式窗口的+号,新建一个CSS(相关课程推荐:css视频教程)样式,打开对话框。选

css图片属性如何设置?

css图片属性如何设置?首先新建一个style标签;然后在style标签内使用语法img{属性:值}即可,比如设置图片边框属性img{border:1pxsolidred}。语法:img{ 属性:值;

css中怎么设置图片大小?

css中怎么设置图片大小?语法:img{ width:150px; height:60px; }注:这里设置CSS宽度为150px,css高度为60px,CSS样式中width和height的值都单位

css添加图片怎样找图片路径?

css添加图片怎样找图片路径?在CSS文件里,有时要用到background-image,即加一个背景图片,一般在显示标题时会经常用到。现在来看两个文件目录:/css/admin/main.css//

不一样的css,sass(scss)的基本使用

前言此文主要记录sass的scss语法的基本使用。sass是css的预编译器,它扩展一些css所没有的变量的定义、条件控制、循环、自定义方法等。基础内容1.变量/*scss*/ //声明变量 $pri

css3.0和css2.0区别?

css3.0和css2.0区别?css3加强了css2的功能,增加了新的属性和新的标签,并且删除了一些冗余的标签,在布局方面减少了代码量。以前比较复杂的布局现在一个属性就搞定了(columns之类的属

css1和css2的区别是什么?

css1和css2的区别是什么?CSS1提供有关字体、颜色、位置和文本属性的基本信息,该版本已经得到了目前解析HTML和XML的浏览器的广泛支持。CSS2.0提供给我们了一个机制,让开发时可以不考虑显

[PHP 技巧] 不要直接克隆对象,请使用深拷贝

声明:这篇文章的目的并不是让你停止使用clone关键字,而是让你作进一步理解它的用法,因为这部分的文档介绍不够清楚。 众所周知,PHP的clone关键字用于克隆对象的所有属性。其背后的原理在于默认创

千万不要和女程序员做同事!否则你会爱上她

如果说,每个程序员都是格子衫的化身,那么,每个女程序员,早已不需要格子衫作为职业铠甲。随身带电脑是必修课,手机装VPN是安全感,写Bug时要风轻云淡,打断点就要像打粉底。我,一枚长期浸淫在IT圈、敲代

请你们不要调侃中台,它是我们赖以生存的镰刀

看本圣经,你就把自己当耶稣了?在这个世界上有两种人,一种人性情诙谐,喜欢开玩笑,另一种人万事较真,做事喜欢一板一眼。在爱开玩笑的人看来,只要不直接嘲笑对方,或不带来伤害,抓住一个热点调侃一番,甚至来点

没有数字化的企业就不要考虑RPA了

RPA(机器人流程自动化)是近两年比较火热的IT技术,去年三个头部玩家UiPath、AnywhereAutomation、BluePrism斩获了过10亿美金的风投。今年,5月UiPath获得5.68

dw如何使用css设置字体

dw如何使用css设置字体设置页面中的字体可以使用“页面属性”对话框,页面属性可以设置网页的字体、背景颜色和背景图像等样式。具体操作方法如下:1、选择“文件”>“页面属性”,或单击文本的属性检查器中的

css设置div滚动条内容不超过就不显示

css设置div滚动条内容不超过就不显示实现内容不超出就不显示滚动条的效果,可以设置div的css样式为overflow:auto,当overflow取值为auto时,如果内容被修剪,则浏览器会显示滚

css设置边框可以用哪个属性?

css设置边框可以用border简写属性,它可以在一个声明设置所有的边框属性,按照border-width、border-style、border-color顺序设置;也可以单独使用这几个属性来设置边

css文字水平垂直居中怎么设置?

1、文字水平居中在CSS中想要让文字水平居中,可以使用text-align:center;。text-align是一个基本的属性,它会影响一个元素中的文本行互相间的对齐方式。值left、right和c