Author Topic: Browsing this page with mobile phone, the picture above will be out of the scope  (Read 2395 times)

Offline ioecc

  • Newbie
  • *
  • Posts: 37
  • Karma: +2/-0
    • View Profile
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!

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5774
  • Karma: +274/-2
    • View Profile
Hello.

What page? Check your HTML and CSS styles

Offline ioecc

  • Newbie
  • *
  • Posts: 37
  • Karma: +2/-0
    • View Profile
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

Offline abolabo

  • core-developer
  • Administrator
  • Hero Member
  • *****
  • Posts: 2046
  • Karma: +318/-13
  • web for all, all for web!
    • View Profile
    • AbanteCart
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

Offline ioecc

  • Newbie
  • *
  • Posts: 37
  • Karma: +2/-0
    • View Profile
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">

Offline ioecc

  • Newbie
  • *
  • Posts: 37
  • Karma: +2/-0
    • View Profile
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

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 5774
  • Karma: +274/-2
    • View Profile
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
Code: [Select]
div#description img {
}

Offline ioecc

  • Newbie
  • *
  • Posts: 37
  • Karma: +2/-0
    • View Profile
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

 

Powered by SMFPacks Social Login Mod