移动web问题小结

来源:互联网 发布:arm linux 开机启动 编辑:程序博客网 时间:2024/05/17 05:53

当页面在手机上显示时,增加这个meta可以让页面强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。

<meta name="viewport" content="width=device-width, initial-scale=1">

禁止选择文本:

-webkit-user-select:none;


手机拍照和上传图片

<!-- 选择照片 --><input type=file accept="image/*"><!-- 选择视频 --><input type=file accept="video/*">

设置placeholder时候 focus时候文字没有隐藏

input:focus::-webkit-input-placeholder{    opacity: 0;}
未完待续。。。。。。。。。。

原创粉丝点击