项目场景:
目前自己在公司实习所做的第一个独立开发的完整小项目。是一个登记客户资料的很简单的一个功能,pc和移动端都有。用到vue的select下拉框提供用户选择;
问题描述:
项目打包完以后交给测试去真机测试的时候发现,vue的select下拉框在移动端点击的时候会自动聚焦,也就是放大,但是放大以后不会自动缩回
<select class="select-phone" v-model="datas.selectEnglishNameTitle" > <option v-for="item in englishNameTitle" :key="item.id" :value="item.title" :label="item.title" ></option> </select>
解决方案:
index.html页面添加meta标签做适配
<meta content="yes" name="apple-mobile-web-app-capable"> <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">