How do I scale my website to fit all screens? [duplicate]











up vote
0
down vote

favorite













This question already has an answer here:




  • How can I make an html page automatically fit mobile device screens?

    3 answers



  • How to make my website fit on all screen resolutions [closed]

    1 answer




I have been designing my website for a while now, but when i start showing it to my friends i realize that the measurements doesn't scale with other screen sizes. I'm wondering if there is anyway to make everything scale automatically. Are there any requirements? Like don't use position: absolute; or something. I'm not too worried about mobile devices, just want to scale to other laptop/computer screen sizes.










share|improve this question













marked as duplicate by Funk Forty Niner html
Users with the  html badge can single-handedly close html questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 19 at 19:47


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.















  • Bootstrap it / @media queries. Too broad a question. Edit: There was a duplicate for this; consult it. As per a Google search for "how to make a page fit for all devices html", amongst many other search results; you could have done that.
    – Funk Forty Niner
    Nov 19 at 19:47

















up vote
0
down vote

favorite













This question already has an answer here:




  • How can I make an html page automatically fit mobile device screens?

    3 answers



  • How to make my website fit on all screen resolutions [closed]

    1 answer




I have been designing my website for a while now, but when i start showing it to my friends i realize that the measurements doesn't scale with other screen sizes. I'm wondering if there is anyway to make everything scale automatically. Are there any requirements? Like don't use position: absolute; or something. I'm not too worried about mobile devices, just want to scale to other laptop/computer screen sizes.










share|improve this question













marked as duplicate by Funk Forty Niner html
Users with the  html badge can single-handedly close html questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 19 at 19:47


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.















  • Bootstrap it / @media queries. Too broad a question. Edit: There was a duplicate for this; consult it. As per a Google search for "how to make a page fit for all devices html", amongst many other search results; you could have done that.
    – Funk Forty Niner
    Nov 19 at 19:47















up vote
0
down vote

favorite









up vote
0
down vote

favorite












This question already has an answer here:




  • How can I make an html page automatically fit mobile device screens?

    3 answers



  • How to make my website fit on all screen resolutions [closed]

    1 answer




I have been designing my website for a while now, but when i start showing it to my friends i realize that the measurements doesn't scale with other screen sizes. I'm wondering if there is anyway to make everything scale automatically. Are there any requirements? Like don't use position: absolute; or something. I'm not too worried about mobile devices, just want to scale to other laptop/computer screen sizes.










share|improve this question














This question already has an answer here:




  • How can I make an html page automatically fit mobile device screens?

    3 answers



  • How to make my website fit on all screen resolutions [closed]

    1 answer




I have been designing my website for a while now, but when i start showing it to my friends i realize that the measurements doesn't scale with other screen sizes. I'm wondering if there is anyway to make everything scale automatically. Are there any requirements? Like don't use position: absolute; or something. I'm not too worried about mobile devices, just want to scale to other laptop/computer screen sizes.





This question already has an answer here:




  • How can I make an html page automatically fit mobile device screens?

    3 answers



  • How to make my website fit on all screen resolutions [closed]

    1 answer








javascript php html css scale






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 19 at 19:46









David Tanudin

1




1




marked as duplicate by Funk Forty Niner html
Users with the  html badge can single-handedly close html questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 19 at 19:47


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.






marked as duplicate by Funk Forty Niner html
Users with the  html badge can single-handedly close html questions as duplicates and reopen them as needed.

StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 19 at 19:47


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.














  • Bootstrap it / @media queries. Too broad a question. Edit: There was a duplicate for this; consult it. As per a Google search for "how to make a page fit for all devices html", amongst many other search results; you could have done that.
    – Funk Forty Niner
    Nov 19 at 19:47




















  • Bootstrap it / @media queries. Too broad a question. Edit: There was a duplicate for this; consult it. As per a Google search for "how to make a page fit for all devices html", amongst many other search results; you could have done that.
    – Funk Forty Niner
    Nov 19 at 19:47


















Bootstrap it / @media queries. Too broad a question. Edit: There was a duplicate for this; consult it. As per a Google search for "how to make a page fit for all devices html", amongst many other search results; you could have done that.
– Funk Forty Niner
Nov 19 at 19:47






Bootstrap it / @media queries. Too broad a question. Edit: There was a duplicate for this; consult it. As per a Google search for "how to make a page fit for all devices html", amongst many other search results; you could have done that.
– Funk Forty Niner
Nov 19 at 19:47



















active

oldest

votes






















active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes

Popular posts from this blog

"Incorrect syntax near the keyword 'ON'. (on update cascade, on delete cascade,)

Alcedinidae

Origin of the phrase “under your belt”?