当前位置: 首页 > Web前端 > CSS

初始化手机样式

时间:2023-03-30 19:24:12 CSS

1、meta属性的基本含义:content="width=device-width:控制视口的大小,device-width为设备的宽度-允许用户缩放到user-的最大比例scalable-用户是否可以手动缩放中的邮件地址识别当网站添加到主屏幕快速启动方法时,可以隐藏地址栏,onlyforiossafari添加网站到主屏快速启动方法,仅针对iossafari顶部状态栏样式需要在根目录下存放favicon图标网站目录防止404请求(可以使用fiddler监控),在页面添加链接如下:2:清除input中的阴影盒子上移动端IOS手机,代码如下input,textarea{-webkit-appearance:none;}三:IOS中禁止长按链接和图片弹出菜单a,img{-webkit-touch-callout:没有任何;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{保证金:0;填充:0;}a{文本装饰:无;}ul,ol{边距:0;填充:0;list-style:none;}img{vert-align:top;}//移动端图片边框相当于border:0a,input,button{-webkit-tap-highlight-color:rgba(0,0,0,0);}//-webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0,去除默认灰色半透明覆盖(iOS)或虚框(Android)输入时点击链接和文本框对象,textarea{outline:none}//取消chrome默认文本框焦点样式下-webkit-appearance:none;//取消输入框和按钮的原生外观,iOS上添加此属性即可自定义按钮和输入框的样式-webkit-user-select:none;//禁止页面文本选择,该属性不继承,一般加在body中规定整个body的文本不会自动调整input,button{-webkit-appearance:none;border-radius:0;}//去掉IOSshiftExceptnativecontrolstyle-webkit-touch-callout:none;//禁用长按页面主体时的弹出菜单{margin:0;-webkit-user-select:none;}//禁止移动端用户复制.select.body*{-webkit-user-select:none;font-family:Helvetica;}body{-webkit-text-size-adjust:100%;}//手机横竖屏字体大小-webkit-text-size-adjust:none;//禁止自动调整文字大小(默认情况下,设备旋转时文字大小会发生变化),该属性不继承,一般加在body中,规定整个body的文字不会自动调整调整