本篇文章给大家谈谈css设置宽度自适应，以及css实现宽度自适应100%,宽高16:9的矩形对应的知识点，希望对各位有所帮助，不要忘了收***本站喔。 今天给各位分享css设置宽度自适应的知识，其中也会对css实现宽度自适应100%,宽高16:9的矩形进行解释，如果能碰巧解决***现在面临的问题，别忘了关注本站，现在开始吧！

1. 网页设计：如何让页面宽度自适应，并且最宽值不大于1600px，最低不小于800px？求高手答？

1、网页设计：如何让页面宽度自适应，并且最宽值不大于1600px，最低不小于800px？求高手答？

　　说真的啊，现在做响应式设计，都不用***说这种限制分辨率的了。建议使用bootstrap框架来进行专业的响应式设计或在手机端***用百分比的设计更好适合响应需求。这里青锋建站先解决***的这个问题：

　　解决这个问题需要根据不同的分辨率来设置不同的宽度，先给body标签添加一个my-width类。然后针对这个类来设计样式，在不同的分辨率下来规定这个宽度。具体***码如下：

@media only screen and (min-width:1700px)//表示屏幕像素宽度大于1700PX时宽度为1600PX

{

.my-width {width:1600px;}

}

@media only screen and (max-width:1600px) and (min-width:1200px)//宽度在1200-1600之间是设置宽度为1180px

{

.my-width {width:1180px;}

}

@media only screen and (max-width:1200px) and (min-width:800px)//宽度在800-1200之间是设置宽度为800px

{

.my-width {width:800px;}

}

这里给***一个思路，可以再把宽度进行细分，但是内部的块元素也需要在不同分辨率下添加自定义宽度，建议使用专业的响应式设计框架或在PC端使用像素，在手机端平板使用百分比。如果觉得青锋建站说得好，给个赞，顺便关注一下。

1.***可以用js去计算在不同的宽度情况下，调用哪一个css，用if去判断；2.或者也可以设置min-width：800px和max-width：1600px;

到此，以上就是小编对于css设置宽度自适应的问题就介绍到这了，希望介绍关于css设置宽度自适应的1点解答对大家有用。