我的网页宽度设置为1920px,浏览器打开时是被拉宽的效果，在不缩放浏览器网页本身的基础上想要网页内容居中显示，左右留有旁白？
在网上也查看了一些方法都没用，如何从代码中解决问题，让它适应不同浏览器，大神们支支招
用百分比呀你设置固定值肯定是没法自适应的
宽度按百分比，设置最大值，或者干脆写几个样式，比如 1100居中---普通电脑 900----平板 500 -- 小号平板 然后就会手机版了
宽度设置百分比，根据媒体查询设置不同的样式
用rem 倒替px，1rem=12.5px,你自己换算一下
比如说这样
<style>
body,html{margin: 0;padding: 0}
.container{
width: 80%;
margin:0 auto;
}
.clear{
clear: both;
}
.nav{
float: left;
width: 24%;
height: 50px;
border: 1px solid #b5b5b5;
text-align: center;
line-height: 50px;
background: #cbcdcc;
}
/* 当显示宽度<1920px时 居中容器的宽度是浏览器的70%*/
@media screen and (max-width:1920px){
.container{
width: 70%;
}
}
/* 当显示宽度<1200px时 居中容器的宽度是浏览器的50%*/
@media screen and (max-width:1200px){
.container{
width: 50%;
}
}
</style>
<body>
<div class="container">
<div class="div1 nav">首页</div>
<div class="div2 nav">选项1</div>
<div class="div3 nav">选项2</div>
<div class="div4 nav">选项3</div>
<div class="clear"></div>
</div>
</body>
具体用法可参考@media 用法实例， 很多的前端框架都是用@media和宽度百分比来做到自适应的
强制使用百分比，或者你用ps给图片修改一下，再不然就是写一个程序让网页根据用户的浏览器大小自动缩放。
1，设置百分比显示，这个最简单，（不过感觉应该是设置了百分比被拉伸了）
2，动态获取屏幕大小，然后计算位置和大小，设置图片的属性在显示
先获取网页的宽度，然后按照比例将所有元素都按照等比例计算。
div套div，小的div宽度设置小一点，居中
百分比或者编写多个布局
用百分比设置就可以了
一般是1190px然后居中，实在需要1920px的话用js判断宽度 再按比例设置left或者margin-left
宽度设置百分比，根据媒体查询设置不同的样式
媒体查询，然后根据不同分辨率做不同的屏幕适配
首先 你的这个问题即便解决了也终究还是有问题的网页
但是目前你这个解决方法就是通过js
//给container设置marginleft
$('.container').css('marginLeft','-'+(1920-$(window).width())/2+'px');
//当页面大小发生改变时候重新给container设置marginleft
$(window).resize(function(){
$('.container').css('marginLeft','-'+(1920-$(window).width())/2+'px');
})
但是在小屏幕（低于1920）的时候，左右肯定是看不到了,这个得结合你的具体情况了，在这里没法帮你解决，
如果解决了你的问题 还请给个打赏啊~等着用呢。。。
宽度按百分比就可以自适了，或者设置最大值，大部分网站宽度其实是固定的
采用自适应。一般1920的设计稿内容也是1200的啊。
JS获取页面宽高，页面中的元素最好是用百分百。
宽度按百分比，设置最大值，或者干脆写几个样式，比如 1100居中---普通电脑 900----平板 500 -- 小号平板 然后就会手机版了
rem 百分比 自适应 都行
1920是屏幕分辨率吧
设置网页宽度1200px;然后margin:0 auto;现在主流的网站都是这样写的，当然你也可以像百度网盘网页版一样，自适应，这样就可以最大限度的利用大屏幕，显示更多的内容了；
把网页内容整体剧中，margin:0 auto;
把大的背景图片剧中，background-position:center center;