博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
web移动端开发技巧与bc平台搭建注意事项
阅读量:7022 次
发布时间:2019-06-28

本文共 1225 字,大约阅读时间需要 4 分钟。

一、meta的使用

bc平台搭建【企鹅21717-93408】
1、<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览。
2、winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉:

<meta name="msapplication-tap-highlight" content="no">

1
3、忽略页面的数字为电话,忽略email识别 :

<meta name="format-detection" content="telephone=no, email=no"/>

1
二、针对适配等比缩放的方法:

@media only screen and (min-width: 1024px){

  body{zoom:3.2;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  body{zoom:2.4;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  body{zoom:2;}
}
@media only screen and (min-width: 540px) and (max-width: 639px) {
  body{zoom:1.68;}
}
@media only screen and (min-width: 480px) and (max-width: 539px) {
  body{zoom:1.5;}
}
@media only screen and (min-width: 414px) and (max-width: 479px) {
  body{zoom:1.29;}
}
@media only screen and (min-width: 400px) and (max-width: 413px) {
  body{zoom:1.25;}
}
@media only screen and (min-width: 375px) and (max-width: 413px) {
  body{zoom:1.17;}
}
@media only screen and (min-width: 360px) and (max-width:374px) {
  body{zoom:1.125;}
}

转载于:https://blog.51cto.com/14259447/2369522

你可能感兴趣的文章