当前位置:Gxlcms > html代码 > 各位是怎样解决屏幕的分辨率的问题的呢?_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:34人阅读

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


回复讨论(解决方案)

响应式布局

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

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



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

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

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

人气教程排行