pc端ui界面设计尺寸 手机端网页设计尺寸多少?
手机端网页设计尺寸多少?
iPhone网页的设计尺寸
iPhone 5的尺寸为640x1136px,分辨率为326ppi
iPhone 4和iPhone 4S的尺寸为640x960px,分辨率为326ppi
第一代、第二代和第三代iPhone和iPod touch的尺寸为320x480px,分辨率为163ppiAndroid网页的设计尺寸
320dp:普通手机屏幕(240x320320×480x800)
480dp:中屏幕平板电脑图像(480×800)
600dp:7英寸平板电脑(600×1024)
720dp:10英寸平板电脑(720×1280800×1280)
iPad网页的设计尺寸
第三层和第三层的尺寸第四代iPad是2048x1536px,分辨率是264ppi
第一代和第二代iPad的尺寸是1024x768px,分辨率是132ppi
iPad的迷你尺寸是1024x768px,分辨率是163ppi
iPhone网页的设计尺寸是640x1136px,分辨率是326ppi,iPhone 4和iPhone 4S的尺寸是640x960px,分辨率326ppi,第一代、第二代和第三代iPhone和iPod touch的尺寸为320x480px,分辨率为163ppi,Android网页的设计尺寸为320dp:普通手机屏幕(240x320320×480),480x800)480dp:中间平板电脑图像(480x800)600dp:7英寸平板电脑(600×1024)720dp:10英寸平板电脑(720×1280800×1280)第三代和第四代iPad网页设计尺寸为2048x1536px,分辨率为264ppi。第一代和第二代iPad是1024x768px,分辨率是132ppi Mini尺寸是1024x768px,分辨率是163ppi以上,这是移动终端的尺寸。如果一个手机网站没有大小,一半的手机网站会根据百分比比例自动适应屏幕大小,或者通过设置,iPhone的表现是什么大小,Android的表现是什么大小。
手机、平板电脑、PC制作网站尺寸是多少像素?
HTML5手机网页设计草稿,通常,内容区域是750px或960px或1080px,一般不小于750px像素大小(宽度)
设计草稿可以大于750px,但绝对不小于750px,这主要是由于目前手机(iPhone)6的分辨率相对较高,是375个物理像素,但实际像素是750的两倍,这就是750的来源)
如果设计草图太小,在实现草图时,在高分辨率的情况下,前端的图像大小会变得模糊,所以我们需要“大”分辨率
此外,我们需要注意确保页面在设计稿320px以内,最小字体大小不应小于12像素。在与其他像素的设计草图中,可按等比例转换(12/320px*设计草图像素值)
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。