I am now having to adjust my current site to fit it into a smaller desktop screen size. It is viewable on all screens, only with smaller ones like 14″, it creates a scrollbar on the left and is not required.
They ask me to scale down everything possible to fit the site into 14″ but still to be viewable like when it appears with larger screen sizes. Someone could help me deal with this ? And No, iphone screen is not an option, only different desktop screens, especially the small ones.
Could you advise what I should change ?
You can either:
Alter your current stylesheet so that it works on smaller devices (14″ isn’t that small, so this might be a good option). This would be a simple way to get rid of the scrollbar.
Write a separate stylesheet that applies only to certain devices, and use media queries to target the devices you want (for example using the
min-width,max-widthexpressions). This means you can tweak the stylesheet for smaller devices as much as you like and not risk breaking the page for larger devices.PhoneGap is a good example of a website who’s stylesheet changes as you resize the screen.