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
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...
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.
Give the width in %. and font in width as well. i think i will work
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)