html5移动网页的设计稿尺寸应该是多少?
html5手机网页设计草稿,通常,内容区域是750px或960px或1080px,一般不小于750px像素大小(宽度)
设计草稿可以大于750px,但绝对不小于750px,这主要是由于目前手机(iphone)6的分辨率相对较高,是375个物理像素,但是实际像素是750的两倍,这就是750的来源)
如果设计草图太小,在实现草图时,在高分辨率的情况下,前端的图像大小将变得模糊,因此我们需要“大”分辨率
网页设计:如何让页面宽度自适应,并且最宽值不大于1600px,最低不小于800px?求高手答?
说真的,在响应设计中不需要说分辨率是有限的。建议使用bootstrap框架进行专业响应设计,或在移动终端中采用百分比设计,以更好地满足响应要求。要解决这个问题,需要根据不同的分辨率设置不同的宽度。首先将mywidth类添加到<bodyclass=“mywidth”>body标记中。然后设计这个类的样式并指定不同分辨率下的宽度。具体代码如下:
@mediaonlyscreen和(min)-宽度:1700px)//指示屏幕像素宽度大于1700px时,宽度为1600px
{]}
@仅媒体屏幕和(最大-宽度:1600px)和(最小-宽度:1200px)//1200-1600之间的宽度设置为1180px
{。我的宽度{宽度:1180px}
}
@仅媒体屏幕和(最大-宽度:1200px)和(最小-宽度:800px)//800-1200之间的宽度设置为800px
{。我的宽度{宽度:800px}
}
给你个主意。可以细分宽度,但内部块元素还需要以不同的分辨率添加自定义宽度。建议使用专业的响应性设计框架,或者在pc端使用像素,在手机端使用百分比。如果你觉得庆丰站说得好,就给个表扬,顺便注意一下。
原文标题:电量百分比 HTML5移动网页的设计稿尺寸应该是多少?,如若转载,请注明出处:https://www.ycyjhw.com/wenda/33868.html
免责声明:此资讯系转载自合作媒体或互联网其它网站,「永洁号」登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,文章内容仅供参考。