If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Feb 2014
    Member #

    Question Responsive Type Breaks On Resize In Chrome


    I am using viewport width (vw) on all elements widths to make them responsive.

    But the actual resizing comes somewhat unstable.

    Here is how it looks:


    Top image is how it looks at 1366px viewport width and the bottom is at 766px.

    The odd thing is that it returns to normal at 707px and breaks again at 700px and returns to normal at 691px and breaks again at 680px and so on (all numbers are approximate).

    Please check the working model example here

    P.S. is it ok to use vw width exclusively?


  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Oklahoma City
    Member #
    959 times
    The answer to your P.S. is the answer to the rest of it. vw units are still not entirely supported, and are kinda buggy right now. You'd do better to use percentages, ems or rems right now.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Junior Member
    Join Date
    Feb 2014
    Member #
    Thanks for the reply!

    I've figured out that it is much better to apply vw only to font size and percentages to grid layout.

    It is also essential to give some breathing room for the elements also.

    And as Ronald Roe said the vw feature is really kind of buggy right now. But imho it still can be used along with percentages and media queries.
    Last edited by turbo; Feb 10th, 2014 at 06:10 AM.

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts

Tags for this Thread

All times are GMT -6. The time now is 02:28 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: