整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
前2篇文章讲了《为什么375×667是移动端原型设计的最佳分辨率如何设置手机APP原型尺寸
所谓的APP原型适配手机，是指用手机浏打开原型页面的时候，横竖都刚好撑满屏幕。当然如果页面比较长，高度超过一屏是没问题的。
比如你的原型是375×667，手机是iPhone6/6s/7，那在手机上查看的时候无需缩放，默认撑满屏幕。
如果你的原型是360×640，而手机是Android的小米4、小米note、华为p7、p8荣耀6、7这些主流机型，也是一样的。
比如你的原型是375×667,而你的手机是华为p8，1080×1920。理论上来说无法完美适配APP中所有的页面。但是除了有下导航的页面一般都没问题。
你需要在Axure生成HTML的时候设置一下手机上如何展示原型。
请勾选包含视口标签。浏览器显示网页，默认是按照网页自身分辨率来展示的。勾选了此项之后，里面的区域按照下方规则来处理展示。
宽，使用默认的device-width即可。
高，一般不需要填，因为是根据宽度来决定的。
最小缩放倍数和最大缩放倍数，一般不需要填。
允许用户缩放，一般填写no。
具体规则是原型页面的横向分辨率x初始缩放倍数xDPR参数=手机屏幕的横向分辨率。得出这个值填到上图中的对应位置。
而这里的DPR参数(devicePixelRatio)，代表的是设备像素和CSS像素的比例，下方的chrome网页调试中也揭示了这一点。
所以上面的华为p8应该设置为0.96，你可以根据机型去百度搜索对应的DPR参数是多少。
通过chrome-视图-开发者-开发者工具，切换到你想看的手机尺寸。同时也可以用这个工具去了解在其他机型上面的效果，以方面了解是不是需要单独适配。
当然safari的菜单栏-开发-响应者模式也可以。
请用手机浏览器打开该网页，请用手机浏览器打开该网页，最好生成到桌面查看效果。比如我设计的原型。
建议竖向减掉20px，因为Axure默认不显示顶部状态栏。
建议你们下次设计APP原型的时候按照通用分辨率375×667来设置，次选方法是按照自己手机的逻辑分辨率来定尺寸。。
如果想明白为什么要这样设置，可以去搜索viewport和逻辑分辨率等概念。当然就使用而言，PM无需了解这些知识。
至于如何把原型放到手机上面查看，我们下次再讲。
站适配技术很好解决了pc时代向移动互联网时代的过渡下，网站的跨移动设备面临的问题，通过网站适配技术，可以让传统网站适应手机小屏幕，也就是传统pc网站在手机下能够自动调整其不仅以适应小屏幕，行业术语管他叫网站适配或者响应式布局，其实网站适配并没有那么复杂，添加下面这句代码可以强制网页适配手机屏幕 。
<meta http-equiv=”Content-type” name=”viewport” content=”initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width”>
第一个meta标签表示：
强制让文档与设备的宽度保持1：1；
文档最大的宽度比列是1.0（initial-scale初始刻度值和maximum-scale最大刻度值）；
user-scalable定义是否可缩放（0为不缩放），使页面固定设备上面的大小。
当然要真正的适配网站，还需要进行css3 media query多媒体查询技术，经过职业web前端工程师来开发完成的。切图网推出永久、不依赖第三方的网站适配服务，每个项目均有专业工程师分析，编码，确保每个项目的品质，欢迎垂询。
网址：http://shipei.qietu.com
的形势下，移动网站的使用率越来越高。移动网站的优化如何做被更多的人所关注。这里切图移动就从目前三种比较常用的pc站点移动配置方式，并从性能，需求，成本方面对三者进行了分析，并给出相应的优化建议。pc站与移动站配置方式中有三种较为主流，分别是跳转适配，代码适配和自适应。下面分别对这三种给予详细的介绍和对比，希望能对大家的建站提供帮助。
1、跳转适配
利用单独的网址向每种设备提供不同的代码，这种配置会尝试检测用户所使用的设备或ua，然后使用http重定向和varyhttp标头重定向到相应的页面上。
2、代码适配
使用相同的网址，不考虑用户使用的设备，但会根据服务器对用户使用浏览器的了解，针对不同的设备类型生成不同版本的html。
3、自适应
通过同一网址提供相同的html代码的网站设计方法，不考虑用户使用的设备，但可以根据屏幕尺寸以不同的方式呈现适应屏幕。通过这些方面，让手机端的网页越来越美观，并适应着我们的浏览需要。
切图网（qietu.com）推出永久、不依赖第三方的网站适配服务，每个项目均有专业工程师分析，编码，确保每个项目的品质，欢迎垂询。
*请认真填写需求信息，我们会在24小时内与您取得联系。
