0

I have deployed my angular application successfully. But the problem is it is working fine for all devices except mobile.

When it comes to mobile devices the bottom spacing is not applied for chrome, firefox, or edge. And works fine in the same mobile devices 'Operamini' browser.

But also the important thing is it works fine for some mobiles in all browsers.

I don't know how to fix this issue. So kindly help me fix this problem.

The deployed application in chrome - mobile device ( mobile -device ) :

enter image description here

The same website in operaminini browser in same device ( below image ):

enter image description here

I want to fix it atleasr for chrome.Kindly help me.

NOTE : This is looking correct in developer-tools

vijay s
  • 147
  • 1
  • 4
  • 15

1 Answers1

0

You can use the @media screens :

@media screen and (max-width: 576px) {
    .mob-img {
        max-width: initial; 
        height: 230px;
        max-height: 384px;

    }
}
James Risner
  • 5,451
  • 11
  • 25
  • 47
Farouk Mhamdi
  • 311
  • 2
  • 8
  • Thanks for your response. As I am using the ngx-admin template for my application, this issue comes for the whole application not for one page. Also sometimes, when i reload the application, this padding works as expected. – vijay s Oct 28 '22 at 09:51