Good day!
The idea to make a page that represents a room. In this room there are table, window, PC, lamp etc.
Here's a visual example of the room -
joxi.ru/nAyb3QPU355YrZ.jpg
Html code of the page -
a standard bootstrap template. Its nothing I've added.
Css code of the page:
html, body{
height: 100%;
}
body {
background: #2C3E50 url(../images/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Want to make some elements of this room was clickable: clicking on the PC appeared a window with the same information, pulled the window - another action. For this you need to use a position: absolute coordinates. But if I for your screen resolution will be able to ask precise positioning, while other resolutions will be changes. Can you please tell me how to make proper positioning for any screen resolution?