各位是怎样解决屏幕的分辨率的问题的呢？_html/css_WEB-ITnose

我的笔记本是15.6英寸的，我开发的网页在我的电脑上看起来比较好，但是我想换一个大的屏幕的话，应该有很多元素会错位。请问各位是怎样解决这个问题的呢？我觉得通过绝对布局，相对布局和宽度等采用百分比都有瑕疵，对不同的分辨率都错错位，请问各位做网页的时候是怎么做的呢？是采用什么样的方式来解决不同的分辨率的问题呢？

回复讨论(解决方案)

响应式布局

我一般限制最大宽度1024，锁死

我的笔记本是15.6英寸的，我开发的网页在我的电脑上看起来比较好，但是我想换一个大的屏幕的话，应该有很多元素会错位。请问各位是怎样解决这个问题的呢？我觉得通过绝对布局，相对布局和宽度等采用百分比都有瑕疵，对不同的分辨率都错错位，请问各位做网页的时候是怎么做的呢？是采用什么样的方式来解决不同的分辨率的问题呢？

1.首先肯定是响应式布局，但根据你的描述，应该不会涉及到响应式布局那么麻烦；
2.其实我觉得你可以先定好一个框架，比如说，先定义一个大的div框，宽度固定（宽度不超过PC最小屏幕，一般为1000px），然后在浏览器中绝对居中，最后所有元素都在该框架中布局。感觉一般网站都是这样做的，超过框架部分都会两边留白，或者加一些过度色；
3.如果没人设计网站，你自己设计，自己制作的话，建议去看看bootstrap这个框架。

同意楼上，最外面的div给100%；内容显示区给1000px；所有值都给固定值，那样在大屏显示也只是两边留白区域增加，不显影整体布局

感谢各位的回复，感觉茅塞顿开。我增加了分数分给各位。