Browsing this page with mobile phone, the picture above will be out of the scope

Started by ioecc, December 23, 2021, 08:31:18 AM

Previous topic - Next topic

ioecc

Browsing this page with a mobile phone, the picture above will be out of the scope of the page, You can also see this by zooming out the browser window problem. How to adjust, thank you!

Basara


ioecc

When I released the product, the uploaded size was 900*800, so the picture will exceed the page range in the mobile version, I don't know where to set the uploaded picture to fit the page automatically

abolabo

you should to solve an issue with css rules for mobile @media section.
"No one is useless in this world who lightens the burdens of another."
― Charles Dickens

ioecc

Thank you for handling it

Mobile phone display picture problem, add the following code before the picture code: style="max-width:100%"
Original code<img src="resources/image/18/84/a.jpg">
The increased code <img style="max-width:100%" src="resources/image/18/84/a.jpg">

ioecc

If the administrator can see this post, it is best to automatically add this code to the upgraded version, otherwise it would be too time-consuming to add this code for each picture, thank you

Basara

Quote from: ioecc on January 05, 2022, 02:12:46 AM
If the administrator can see this post, it is best to automatically add this code to the upgraded version, otherwise it would be too time-consuming to add this code for each picture, thank you

You can apply this rule to all product descriptions. Something like
div#description img {
}

ioecc

Thanks for the reply, but I don't know the code well. I would like to ask what position in the file that this code needs to be added in order to realize the automatic adaptation of all released products to the mobile version, thank you

Forum Rules Code of conduct
AbanteCart.com 2010 -