CSS issues in Safari on iPhone below 768 pixels

Discussion in 'Site Feedback' started by Pressure, Sep 24, 2016.

Tags:
Thread Status:
Not open for further replies.
  1. Pressure

    Veteran Regular

    Joined:
    Mar 30, 2004
    Messages:
    1,334
    Likes Received:
    267
    Just a heads up but all comments are clipped the last 10 px or so, making it impossible to read the last sentence of posts.
     

    Attached Files:

  2. Malo

    Malo Yak Mechanicum
    Legend Veteran Subscriber

    Joined:
    Feb 9, 2002
    Messages:
    6,975
    Likes Received:
    3,051
    Location:
    Pennsylvania
    I've never had that problem on mobile and I've browsed here a lot on mobile. Try a different browser on your phone?
     
  3. Pressure

    Veteran Regular

    Joined:
    Mar 30, 2004
    Messages:
    1,334
    Likes Received:
    267
    It's on Safari, so probably something that should be looked into.

    What resolution does your phone run at?
     
  4. orangpelupa

    orangpelupa Elite Bug Hunter
    Legend Veteran

    Joined:
    Oct 14, 2008
    Messages:
    7,084
    Likes Received:
    1,263
    never got that problem too. But i use chrome on computer and phone.

    computers
    1440x900
    1920x1080 with 150% scaling

    phones
    1920x1080 with 420 dpi
    720p with unknown dpi
     
  5. Pressure

    Veteran Regular

    Joined:
    Mar 30, 2004
    Messages:
    1,334
    Likes Received:
    267
    No wonder you never saw the issue, considering they are all higher than 768 px in portrait.

    I can replicate the problem on an iPhone 5, iPhone 5S and iPhone 7.
     
  6. Malo

    Malo Yak Mechanicum
    Legend Veteran Subscriber

    Joined:
    Feb 9, 2002
    Messages:
    6,975
    Likes Received:
    3,051
    Location:
    Pennsylvania
    That's not how it works on phones. The effective width reported to the browser is less than 768px. I've tried it on both browsers on my android, also tried 2 desktop browsers in dev mode with various iphone/android layouts in portrait and none of them display that cutoff. That doesn't mean it's not happening on Safari on your phone, but it's not as simple as "anything less than 768px".

    As I said, can you try another browser? Does it look fine on chrome on your phone?
     
  7. Pressure

    Veteran Regular

    Joined:
    Mar 30, 2004
    Messages:
    1,334
    Likes Received:
    267
    Look, it doesn't matter if I try another browser. There clearly is a problem with Safari and the media queries associated with those resolutions. It's totally fine on the iPad (768 px).

    I can also replicate the problem on my desktop computer running Safari. It happens at the media query that controls the CSS under 600 pixels.

    Doesn't happen on Chrome.
     

    Attached Files:

  8. Malo

    Malo Yak Mechanicum
    Legend Veteran Subscriber

    Joined:
    Feb 9, 2002
    Messages:
    6,975
    Likes Received:
    3,051
    Location:
    Pennsylvania
    So I was going to download Safari on my PC to test this. Google Safari takes you to apple.com/safari (apple don't use certs on their sites?).

    http://www.apple.com/safari/

    Where on earth is any mention or cta for download?
     
  9. Kaarlisk

    Regular Newcomer Subscriber

    Joined:
    Mar 22, 2010
    Messages:
    293
    Likes Received:
    49
    Weirdly enough, I've got the opposite issue: Screenshot_2016-09-24-22-01-39.png
    Browser info: Screenshot_2016-09-24-22-03-30.png
     
  10. Pressure

    Veteran Regular

    Joined:
    Mar 30, 2004
    Messages:
    1,334
    Likes Received:
    267
    Aha, the plot thickens!
     
  11. boxleitnerb

    Regular

    Joined:
    Aug 27, 2004
    Messages:
    407
    Likes Received:
    0
    Same problem with clipped posts. iOS, Safari. Really annoying, please fix this soon. Thx
     
  12. AlBran

    AlBran Ferro-Fibrous
    Moderator Legend

    Joined:
    Feb 29, 2004
    Messages:
    20,650
    Likes Received:
    5,757
    Location:
    ಠ_ಠ
    Yeah, happens on my iPhone 5S (portrait or landscape).
     
  13. Malo

    Malo Yak Mechanicum
    Legend Veteran Subscriber

    Joined:
    Feb 9, 2002
    Messages:
    6,975
    Likes Received:
    3,051
    Location:
    Pennsylvania
    Does it happen on my forum as well? I also use UI.X framework.

    Yaktribe.org/community
     
  14. AlBran

    AlBran Ferro-Fibrous
    Moderator Legend

    Joined:
    Feb 29, 2004
    Messages:
    20,650
    Likes Received:
    5,757
    Location:
    ಠ_ಠ
    Seems to be ok :)
     
  15. Malo

    Malo Yak Mechanicum
    Legend Veteran Subscriber

    Joined:
    Feb 9, 2002
    Messages:
    6,975
    Likes Received:
    3,051
    Location:
    Pennsylvania
  16. AlBran

    AlBran Ferro-Fibrous
    Moderator Legend

    Joined:
    Feb 29, 2004
    Messages:
    20,650
    Likes Received:
    5,757
    Location:
    ಠ_ಠ
  17. Malo

    Malo Yak Mechanicum
    Legend Veteran Subscriber

    Joined:
    Feb 9, 2002
    Messages:
    6,975
    Likes Received:
    3,051
    Location:
    Pennsylvania
    Then either @Rys broke it with child theme changes, was broken in a previous broken and B3D isn't running latest version of the theme, or the theme files are incomplete and need to be reinstalled.
     
    AlBran and BRiT like this.
  18. AlBran

    AlBran Ferro-Fibrous
    Moderator Legend

    Joined:
    Feb 29, 2004
    Messages:
    20,650
    Likes Received:
    5,757
    Location:
    ಠ_ಠ
    Maybe it's a 4th dimensional TBDR feature. o_O
     
  19. Rys

    Rys PowerVR
    Moderator Veteran Alpha

    Joined:
    Oct 9, 2003
    Messages:
    4,156
    Likes Received:
    1,433
    Location:
    Beyond3D HQ
    It's on my list to look at this weekend. It bugs me personally, so that means there's a higher chance of it getting fixed :-D
     
    Arwin, Kaarlisk and Malo like this.
  20. Sinistar

    Sinistar I LIVE
    Regular Subscriber

    Joined:
    Aug 11, 2004
    Messages:
    648
    Likes Received:
    61
    Location:
    Indiana
    default theme doesn't seem to have this problem, but the default theme is annoying.
     
    BRiT and Kaarlisk like this.
Loading...
Thread Status:
Not open for further replies.

Share This Page

  • About Us

    Beyond3D has been around for over a decade and prides itself on being the best place on the web for in-depth, technically-driven discussion and analysis of 3D graphics hardware. If you love pixels and transistors, you've come to the right place!

    Beyond3D is proudly published by GPU Tools Ltd.
Loading...