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

If I really need a card on my start hand, how many mulligans make sense? [duplicate]

Alcedinidae

Can an atomic nucleus contain both particles and antiparticles? [duplicate]