AbanteCart Community

Shopping Cart Operations => Support => Topic started by: ioecc on December 23, 2021, 08:31:18 AM

Title: Browsing this page with mobile phone, the picture above will be out of the scope
Post by: ioecc on December 23, 2021, 08:31:18 AM
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!
Title: Re: Browsing this page with mobile phone, the picture above will be out of the scope
Post by: Basara on December 23, 2021, 08:53:01 AM
Hello.

What page? Check your HTML and CSS styles
Title: Re: Browsing this page with mobile phone, the picture above will be out of the scope
Post by: ioecc on December 23, 2021, 08:56:04 AM
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
Title: Re: Browsing this page with mobile phone, the picture above will be out of the scope
Post by: abolabo on December 23, 2021, 02:23:11 PM
you should to solve an issue with css rules for mobile @media section.
Title: Re: Browsing this page with mobile phone, the picture above will be out of the scope
Post by: ioecc on January 05, 2022, 02:11:22 AM
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">
Title: Re: Browsing this page with mobile phone, the picture above will be out of the scope
Post by: 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
Title: Re: Browsing this page with mobile phone, the picture above will be out of the scope
Post by: Basara on January 05, 2022, 02:44:41 AM
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 {
}
Title: Re: Browsing this page with mobile phone, the picture above will be out of the scope
Post by: ioecc on January 05, 2022, 09:15:17 AM
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