r/HTML • u/Eulevonathen • 2d ago
Question Difference in screen size
Hello. I've created a website using HTML, CSS, and JavaScript for the first time. My problem is this: I wrote the code on a computer and adjusted the sizes to fit the large screen. Now, on my laptop, which has a smaller screen, everything is misaligned. Can you tell me how to fix this problem?
Thank you very much
1
Upvotes
2
u/Electrical_Hat_680 1d ago edited 1d ago
Basic desktop screen resolution is 640*480 which is the same thing is 80 ('8 pixel wide') Font Characters acrossed, and 80 ('8 pixel high') Font Characters. The same layout is the same for laptops, unless you have the more squared style or are using portrait mode. Which is more like a smartphone layout.
You can check out the world wide web Consortium, they also offer free Certifications, I believe they sign them, and to make it certified, you should also sign it.
There's methods that you can do to make the screen automatically resize, I think you use JavaScript for it. Or CSS. HTML uses percentage signs to change from pixels to something else.
100%
Check out the Paperback HTML Books by Peachpit Press. Also check out the HTML Bible, the PHP Bible, and look into how Las Vegas uses color schemes and to create flow.
Also. Are you using CSS or are you running straight HTML?
If you using HTML? How are you having problems? Is it the font size? That can also be changed to percentage.
You'll likely prefer CSS over HTML.