5

Man I hate how CSS is treated differently on different operating systems using the same browser, let alone making the same UI heavy application perform identically on android chrome and iOS Safari.

Messing around with the css to figure out what all properties are treated differently, this is how the exact same code behaves on chrome on iPad versus Linux.

Look, I'm not a CSS genius, far from it, BUT it really shouldn't be this bad to make a responsive UI heavy application work on all platforms. I've been at this for weeks now.

Comments
  • 2
    Your issue is trying to get it look same on every browser. Accept the truth, brother. The web was not designed to be a PDF
  • 2
    Not an OS thing, but a browser thing.
  • 1
    @HitWRight I agree with you. I wish I had the liberty to accept that and move on, but the circumstances are such that a month of work will go down the drain if the new feature does not work on at least Safari and Chrome on iOS, android and desktop.
  • 0
    @alcatraz627 good luck, mate. Just as a small probably obvious question, did you mark the box to have a relative position? CSS has this thing that when position: relative is used, the components inside become relative, but not the component itself.
  • 1
    Try W3C test
  • 0
    Personally, I can get things looking pretty much identical across browsers and platforms. That screen grab looks like a javascript issue to me? I don’t understand what you are trying to achieve.
  • 0
    OS and browser.

    Easiest example is font rendering, which is browser and OS dependent.

    You can have the same font, it will render differently everywhere.
  • 0
  • 0
    @localpost thanks for the link! :)
Add Comment