自适应平台 网页设计:如何让页面宽度自适应,并且最宽值不大于1600px,最低不小于800px?求高手答?
网页设计:如何让页面宽度自适应,并且最宽值不大于1600px,最低不小于800px?求高手答?
说真的,在响应设计中,您不必说分辨率是有限的。建议使用bootstrap框架进行专业响应设计,或在移动终端中采用百分比设计,以更好地满足响应要求。要解决这个问题,需要根据不同的分辨率设置不同的宽度。首先将my width类添加到<body class=“my width”>body标记中。然后设计这个类的样式并指定不同分辨率下的宽度。具体代码如下:
@media only screen和(min)-宽度:1700px)//指示屏幕像素宽度大于1700px时,宽度为1600px
{]}
@仅媒体屏幕和(最大-宽度:1600px)和(最小-宽度:1200px)//1200-1600之间的宽度设置为1180px
{。我的宽度{宽度:1180px}
}
@仅媒体屏幕和(最大-宽度:1200px)和(最小-宽度:800px)//800-1200之间的宽度设置为800px
{。我的宽度{宽度:800px}
}
给你个主意。可以细分宽度,但内部块元素还需要以不同的分辨率添加自定义宽度。建议使用专业的响应性设计框架,或者在PC端使用像素,在手机端使用百分比。如果你觉得庆丰站说得好,就给个表扬,顺便注意一下。
自适应平台 css高度自适应怎么实现 html自适应屏幕代码
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。