喜欢前端工作的人越来越多，毕业季悄然来临，很多毕业生都面临找工作，所以当你终于舍不得与嘉年华告别，你有没有想过几天后的招工危机。如果你毕业后想去前端岗位，那就看小编的文章，做好这组题。今天小源泉总结了一套经典的h5+css面试题。1、如何提升移动端（AndroidIOS）的用户体验？1.清晰的视觉竖线2.信息的分组，极减3.用选择代替输入4.标签和文字的排列5.靠明文确认密码6.键盘的合理使用2.什么是Retina显示屏它带来了什么问题？视网膜：具有超高像素密度的LCD屏幕。同样大小的屏幕显示的像素点数从一个变为多个。当高清显示器上的位图被放大时，画面会变得模糊，所以移动端的视觉稿通常设计成是传统PC的两倍。那么，前端的解决方案是：将设计稿中裁剪出来的图片保证长宽均匀，使用background-size将图片缩小到原来的1/2。比如图片宽高为：200px*200px，那么写法如下。css{width:100px;height:100px;background-size:100px100px;}其他元素的值为原值的1/2。比如视觉稿的字体是40px，样式写成20px.css{font-size:20px}。如何去除遮罩当ios用户点击一个链接时，会出现一个半透明的灰色遮罩。如果要禁用它，可以将-webkit-tap-highlight-color的alpha值设置为0，即将该属性值的最后一位设置为0可以去除半透明的灰色遮罩a、button、input、textarea{-webkit-tap-highlight-color:rgba(0,0,0,0;)}四、android系统中的一些元素被点击如何去除边框当android用户点击一个链接，一个边框或者一个会出现半透明灰色遮罩，不同厂家定义的效果不一样。您可以将-webkit-tap-highlight-color的alpha值设置为0以移除部分机器。a、button、input、textarea的效果{-webkit-tap-highlight-color:rgba(0,0,0,0;)-webkit-user-modify:read-write-plaintext-only;}-webkit-user-modify有个副作用，就是输入法不能再输入多个字符。另外有些机型是不能拆的，比如小米2，按键还有一个办法，不用a或者input标签，直接使用div标签5.如何重置webkit表单元素的默认外观General:.css{-webkit-appearance:none;}伪元素改变数字类型输入框的默认样式input[type=number]::-webkit-textfield-decoration-container{背景色：透明；}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;}6、webkit表单输入框占位符的颜色值可以改变吗？input::-webkit-input-placeholder{color:#AAAAAA;}input:focus::-webkit-input-placeholder{color:#EEEEEE;}7、webkit表单输入框placeholder的文字是否可以换行？iOS可以，但Android不能，即使在textarea标签下。ios&android长按下载图片.css{-webkit-touch-callout:none}9.禁止ios和android用户选择text.css{-webkit-user-select:none}10.如何打电话、发短信、写邮件：拨打：0755-10086发短信，winphone系统无效发短信到：10086写邮件：
