CSS desktop vs laptop display problem ?

Her kan du stille og svare på spørgsmål omkring CSS
Besvar
joejonsme
Begynder
Indlæg: 1
Tilmeldt: 12. jun 2018, 12:54

CSS desktop vs laptop display problem ?

Indlæg af joejonsme » 13. jun 2018, 17:18

Hi,

I am a beginner on using CSS...why is that my output on my design on desktop computer becomes not good and in the right position when i tried to run it on my brother's laptop?is there anything i can about this matter? i mean how am i suppose to do a design that will perfectly display on both desktop and laptop without any changes on the output?

Please help.

I didn't find the right solution from the Internet.

References:-
https://www.htmlvalidator.com/CSEForum/ ... .php?t=691
Custom Video Creation Service

Thanks!

cristian
Moderator
Moderator
Indlæg: 882
Tilmeldt: 26. sep 2011, 21:31
Kontakt:

Re: CSS desktop vs laptop display problem ?

Indlæg af cristian » 13. jun 2018, 19:51

Hey joejonsme.
I don't have anything against english, but is it because you dont write danish? Just curious.

cristian
Moderator
Moderator
Indlæg: 882
Tilmeldt: 26. sep 2011, 21:31
Kontakt:

Re: CSS desktop vs laptop display problem ?

Indlæg af cristian » 13. jun 2018, 20:29

The reason that websites doesnt look the same on different laptops is because of multiple things.

First, the HTML and CSS framework are created and maintained by W3C, these guys dictate how different HTML blocks and CSS rules should work.
Different browser manufactures than implement these elements and rules, but they can add their own flair if they so desire. Also some browsers support new
elements faster than others, which is why a website can work in one browser and not another.

Next to that all screens have different sizes in terms of width and height + rotation, which also affect your elements. To adjust your layout to different sizes its custom to use media queries and a non-fixed designs, take a look at the new CSS grid design.

Links
https://da.wikipedia.org/wiki/World_Wide_Web_Consortium
https://www.w3schools.com/css/css_grid.asp
https://www.w3schools.com/css/css3_mediaqueries_ex.asp

Besvar