Why the bottom spacing is not working in small screens in angular application after deployment

Question

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 ) :

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

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

NOTE : This is looking correct in developer-tools

Thanks for your response. I am using the ngx-admin theme in my Angular application . — vijay s
– vijay s, Commented Oct 28, 2022 at 8:38

James Risner · Accepted Answer · 2022-10-30 02:37:47Z

0

You can use the @media screens :

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

    }
}

edited Oct 30, 2022 at 2:37

James Risner

6,09711 gold badges33 silver badges60 bronze badges

answered Oct 28, 2022 at 9:45

Farouk Mhamdi

3193 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

vijay s Over a year ago

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.

Collectives™ on Stack Overflow

Why the bottom spacing is not working in small screens in angular application after deployment

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related