移动端功能适配

Question

明天面试，面试官提前问了我俩个问题！一个是手机端的功能适配！我PC端写的多，手机端基本没怎么写过，我想问问大神们，手机端功能适配是指什么？还有一个问题，H5页面是指用H5标签构建的页面么？

Answer 1

大概意思就是手机操作方面和pc的不一样吧，手机上有滑动操作类似这样的，pc没有，
H5是在以前的基础上新增了一些语义化标签之类的，也就是能熟练用H5的新功能吧。

Answer 2

html页面 首先设置viewport
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
css中可以按照移动设备的分辨率来设置样式
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/ 兼容iphone4/4s /

.class{}

}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/ 兼容iphone5 /

.class{}

}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/ 兼容iphone6 /

.class{}

}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/ 兼容iphone6 Plus /

.class{}

}