电量百分比 HTML5移动网页的设计稿尺寸应该是多少?
浏览量:2111
时间:2021-04-13 21:34:45
作者:admin
HTML5移动网页的设计稿尺寸应该是多少?
HTML5手机网页设计草稿,通常,内容区域是750px或960px或1080px,一般不小于750px像素大小(宽度)
设计草稿可以大于750px,但绝对不小于750px,这主要是由于目前手机(iPhone)6的分辨率相对较高,是375个物理像素,但是实际像素是750的两倍,这就是750的来源)
如果设计草图太小,在实现草图时,在高分辨率的情况下,前端的图像大小将变得模糊,因此我们需要“大”分辨率
网页设计:如何让页面宽度自适应,并且最宽值不大于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端使用像素,在手机端使用百分比。如果你觉得庆丰站说得好,就给个表扬,顺便注意一下。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。