时间:2023-03-18人气:作者:佚名
在前端的页面设计的时候经常要用到图片,有的时候不知道屏幕的宽度,要自己适应屏幕的宽度,这样减少了出现不适应的浏览器的兼容问题那么怎么来处理图片大小自适应的问题呢?
首先用dw编辑器建立了一个静态页面
将建好的静态页命名为css.html,标题为了“css如何设置图片大小自适应”
在body中添加两个p,设置不能的宽度,并设class为p1和p2,目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示
在两个p的class中添加相同的控制图片的class名为了”img“,并为p添加控制宽度的样式
在两个p中加入相同的图片&imgsrc="images/5.png"/>;在浏览器打开页面发现加入图片后把原来的p都给覆盖掉了
这个时候我们需要在img类中加入限制图片的宽度的css语句让他自己适应容器的宽度.imgimg{width:100%;height:auto}
猪皮是饥荒中的一种重要物资,能够用于制造各种道具,很多玩家不清楚猪皮该怎么获得,接下来就为大家简单介绍一下。饥荒猪皮怎么获得首先,
(1)人喜欢2024-09-20凤凰木为高大型落叶乔木,枝干高大,呈灰黑色,叶片繁茂,为嫩绿色,表面有绒毛,花色多为红色,花型较大,植株抗风性能强,抗污染的能力也很强,根系比
(1)人喜欢2024-09-20数学三大纲包括微积分、线性代数、概率论与数理统计。均要求理解概念,掌握表示法,会建立应用问题的函数关系。需要考数学三的专业有经
(4)人喜欢2024-09-20信用卡忘记还了5天,会产生逾期利息,同时逾期记录也会上传到征信中。部分信用卡有1-3天的宽限期,因此忘记还款5天,实际上逾期时间只有2-4
(4)人喜欢2024-09-20猪皮是饥荒中的一种重要物资,能够用于制造各种道具,很多玩家不清楚猪皮该怎么获得,接下来就为大家简单介绍一下。饥荒猪皮怎么获得首先,
(1)人喜欢2024-09-20凤凰木为高大型落叶乔木,枝干高大,呈灰黑色,叶片繁茂,为嫩绿色,表面有绒毛,花色多为红色,花型较大,植株抗风性能强,抗污染的能力也很强,根系比
(1)人喜欢2024-09-20数学三大纲包括微积分、线性代数、概率论与数理统计。均要求理解概念,掌握表示法,会建立应用问题的函数关系。需要考数学三的专业有经
(4)人喜欢2024-09-20信用卡忘记还了5天,会产生逾期利息,同时逾期记录也会上传到征信中。部分信用卡有1-3天的宽限期,因此忘记还款5天,实际上逾期时间只有2-4
(4)人喜欢2024-09-20