Question 45748 in CSS Question posted in
Some basic documentation can be found here.

website looks fine on any pc/laptop and all mobiles except of an Iphone – CSS

Everywhere it looks the same, pc, macbook, any laptop, android devices… only on iphone everything looks different: font, font-weight, paddings, margins etc.

I tried cleaning cookies and cache, and trying it from incognito mode, but it looks bad everywhere.

Styles were made with pure css.

Also, it is not only on Safari, it is the same on Chrome, opened from iphone.

Basically every approach from iphone just messes up everything.

I have already finished all code, and am not really able to switch to bootstrap or anything like that if needed…

what do I do?

Tags:

2

Answers


  1. 0

    You should add responsiveness to your site.

    Also, the part of switching to bootstrap is very easy, you just need to add few lines of code and there you are, you had add it.

    To help you further I would need your code.

    Kindly mail me at [email protected]

    Login or Signup to reply.
  2. 0

    Without seeing your website code, it’s difficult to diagnose exactly what we need to change. Here are some general suggestions for making your site look good on devices of different sizes:

    1. Try using things like CSS flexbox. It will allow your HTML elements to grow and shrink as needed, and be laid out as a grid.
    2. Try using CSS viewpoints to apply different CSS styles based on the size of the screen
    3. Consider adding Bootstrap or something to your site. You can start by only applying it to new elements, and slowly apply the styles to your old stuff.

    Unfortunately, there’s no magic setting that will fix the layout of your site on mobile. It will require some form of refactoring, but you’ve got this!

    If you’d like to post a snippet of an element on your site, we’d be much better equipped to help you out.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search