我有一个2列的部分,1为图像和1为文本。
这个的代码是
<div class="row aboutRow">
<div class="col-lg-3 col-sm-2 col-xs-3 col-md-3 text-center">
<img src="assets/img/logoWithTagline.png" class=" img-fluid logoAbout" alt="">
</div>
<div class="col-lg-9 col-sm-10 col-xs-9 col-md-9 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
<div>
<p> IHP Iyengars is serving people since 1990 with its various authentic south Indian food products. There are 6 products currently,
Puliogare masala, Vangibath/Sabji masala, Bisibelebath masala, Chilli powder, Coriander powder and turmeric powder.
All the products are free from any sorts of chemicals, colors, added flavours and preservatives.
</p>
<p>
We take meticulous care right from sourcing raw materials, to testing, processing to production and packaging to branding.
At every step, quality is ensured with perfection which gives it a higher nutritional value.
The organization always aims at providing people with the best quality products at an economic price where anyone can afford
to buy it and is very easy to prepare, quick to make besides, it has always maintained its superior quality and taste.
</p>
<p>
Needless to mention, as these products have highest nutritional value, everyone prefers it.
It has retained the grandmas homely taste along with its affordable price.
</p>
</div>
</div>
在移动的视图中,我想减小图像的大小,因为上面有一个旋转木马,图像看起来超级巨大,看起来不太好。
我想减少这个形象的大小约40%只为移动的视图。
我尝试在img-fluid中更改100%的最大宽度,但桌面视图正在更改。我想宽度为100%的桌面视图和40%的移动的视图。
1条答案
按热度按时间nkhmeac61#
您可以使用媒体查询。根据媒体查询定义宽度,例如:
然后,您可以使用带有img元素的css类: