How to make my website fit all screen sizes?

I was wondering how do I make my website fit all screen sizes, such as Iphone, Tablets, Laptops and desktops. I created my website on desktop, when I view it on tablet or iphone the images and texts are overlapping each other. How do I fix that?

You can't, easily. You have to pick a common resolution that works for most devices, like a 770 pixel width, for example, or you need to use different stylesheets to arrange things differently for different screens.

How to create flexible sites quickly using standards like CSS and XHTML: http://www.ibm.com/developerworks/web/library/wa-rapid/
Designing for the Web: Resolution and Size: http://sitepointcom.createsend4.com/t/y/l/ydlyuyd/birtthtw/h/
Care With Font Size: http://www.w3.org/QA/Tips/font-size

Websites Shouldn't Look The Same Across Different Browsers: http://www.noupe.com/design/websites-shouldnt-look-the-same-across-different-browsers%E2%80%A6here-is-why.html
Cross-Browser CSS in Seconds with Prefixr: http://net.tutsplus.com/articles/news/cross-browser-css-in-seconds-with-prefixr/
Responsive Web Design Demystified: http://www.elated.com/articles/responsive-web-design-demystified/
Responsive Web Design: 5 Handy Tips: http://www.elated.com/articles/responsive-web-design-5-handy-tips/

responsivepx - screen-size testing tool: http://responsivepx.com/

FitText.js plugin (FitText is a jQuery plugin that makes your font-sizes flexible, allowing headlines to automatically-expand to fit the available space): http://fittextjs.com/
Adapt.js - Adaptive CSS: http://adapt.960.gs/

  • Would you support an iPhone that comes in 3 difference sizes? An iPhone that comes in 4 inch, 4.7 inch and 5.5 inch displays with the same advanced technology. I want the iPhone 7, 7 plus and 7 mini. It would be good as some still prefer smaller screen sizes.
  • Will the iphone 7 have a variation of sizes? I have the iPhone 6 and overtime I found that my small hands have a hard time maneuvering around the phone I was wondering if the iPhone 7 will have a smaller size for small hands
  • Why won't my iphone 5 charger fit in its slot all the sudden? My phone fell in the toilet so i put it in rice… And then it was fine so then i put my charger in and it wouldn't fit… So i took tweezers and got the the rice that was stuck out and i put my charger in and it finally fit but it will not charge what should i do? My phone is working fine now but it just won't charge.
  • Website suggestion - Simple Text Website? I need to post 50,000 words from my MacBook online somewhere and be able to go to that website on my iphone and do the whole *control F* from my phone. What is a simple website that i can use to do this? Just a simple text website

Add Comment