各位网友好,小编关注的话题,就是关于网站为什么不做自适应的问题,为大家整理了3个问题网站为什么不做自适应的解答内容来自网络整理。
自适应网站需要做移动适配吗
谢悟空邀~
自适应网站看适应度有多高了?

有些网站在开发的时候,是根据电脑端浏览器来进行适应,同时相对于宽度和长度这些像素,都是按照比例来设置的。
但,电脑端的浏览器和手机端的浏览器还是有差别的。同时又由于电脑端和手机端的分辨率不一样,手机端和电脑端的像素比例也并不是完全一致的。
有些时候,手机端浏览器打开的网站会提示访问电脑版。但访问电脑版之后,可能会看到需要用户手动缩放去调节。
自适应网站根据写法,分为只自适应电脑端,只自适应手机端,同时两种都自适应。
像bootstrap,前端大多数都会用到的框架,其中它的布局,电脑端有一种写法,相对移动端又有一种写法,两种写法可能差别不大,你会发现可能中间只差了一个字母,但所含的意义是不一样的。
感谢阅读!
网页设计:如何让页面宽度自适应,并且最宽值不大于1600px,最低不小于800px?求高手答
说真的啊,现在做响应式设计,都不用你说这种限制分辨率的了。建议使用bootstrap框架来进行专业的响应式设计或在手机端采用百分比的设计更好适合响应需求。这里青锋建站先解决你的这个问题:
解决这个问题需要根据不同的分辨率来设置不同的宽度,先给<body class="2275931a1608b831 my-width">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端使用像素,在手机端平板使用百分比。如果觉得青锋建站说得好,给个赞,顺便关注一下。
网页设计:如何让页面宽度自适应,并且最宽值不大于1600px,最低不小于800px?求高手答
说真的啊,现在做响应式设计,都不用你说这种限制分辨率的了。建议使用bootstrap框架来进行专业的响应式设计或在手机端采用百分比的设计更好适合响应需求。这里青锋建站先解决你的这个问题:
解决这个问题需要根据不同的分辨率来设置不同的宽度,先给<body >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端使用像素,在手机端平板使用百分比。如果觉得青锋建站说得好,给个赞,顺便关注一下。
到此,大家对网站为什么不做自适应的解答时否满意,希望网站为什么不做自适应的3解答对大家有用,如内容不符合请联系小编修改。