www.webdeveloper.com
Results 1 to 4 of 4

Thread: Reduce browser size dislocate the images/text

  1. #1
    Join Date
    Jun 2014
    Posts
    1

    Reduce browser size dislocate the images/text

    I am using a template and facing an issue whenever i reduce the size of browser its dislocate the images/text.

    I want browser size doesn't effect the website images/text.how i can do it?

    for example see the bbc site

    http://www.bbc.com/

  2. #2
    Join Date
    May 2014
    Posts
    897
    It sounds like you have a perfectly good responsive layout... and now want to throw it's accessibility out the window by turning it into a fixed width...

    That doesn't make any sense at all... you really want a inaccessible wreck like that BBC site instead of one that's actually useful to small display users?

    Though it's hard to say more without seeing the site you want to change...
    Java is to JavaScript as Ham is to Hamburger.

  3. #3
    Join Date
    Mar 2012
    Posts
    1,495
    Sites today should be designed to accommodate a range of display/window sizes. This depends upon the content, but, ideally would work on displays from 240px wide to 1920px (or so). For some content this is not practicable, e.g. complex tabular data may not be effectively viewed on a smartphone.

    Having said that, I dislike seeing the text shuffling about as a window's width is altered. So I'm working on what I call a "snap responsive" layout that:

    1. For devices with a screen width of 480px or smaller display full screen.

    2. For devices with a screen width exceeding 480px, a range of widths can be supported, with the page "snapping" from one to the next.

    I originally thought that a step size of 80px would be optimal, but, testing this assumption has led me to increase the step sizes to 160px.

    Some people may regard this as a retrograde step: an attempt to persist with using fixed width design techniques in a responsive context. It is true that each step behaves like a fixed width design, but the reasons for the design are quite different. And a step-responsive design is no simpler to code than a responsive design, indeed they are very similar.

  4. #4
    Join Date
    Apr 2014
    Location
    Burnley uk
    Posts
    68
    Give the width in %. and font in width as well. i think i will work

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles