彩世界开奖app官网-彩世界平台官方网址(彩票平台)
做最好的网站
来自 前端技术 2019-12-07 08:12 的文章
当前位置: 彩世界开奖app官网 > 前端技术 > 正文

第八个活动端项目

    这段代码的意思是,让 viewport 的幅度等于物理设备上的真人真事分辨率,不容许顾客缩放。

更多

    maximum-scale=1 允许顾客缩放到的最大比例

品类示范

  -->
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  <!--那meta的意义就是隐形暗中认可的苹果工具栏和菜单栏。content有七个值”yes”和”no”,当我们须求出示工具栏和菜单栏时,那几个行meta就无须加了,暗许就是凸显。-->
<meta name="apple-mobile-web-app-capable" content="yes">
  <!--在索爱手提式无线电话机上私下认可值是(电话号码呈现为拨号的超链接):可将telephone=no,则手提式有线电话机号码不被显示为拨号链接。-->
<meta content="telephone=no" name="format-detection">
  <!-- 制订iphone 中 safari 顶部的景况条的样式(default:深紫,black:深湖蓝,black-translucent:半晶莹剔透。-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
  <!-- 针对手持设备优化,首借使针对性有个别老的不识别 viewport 的浏览器,比方Moto竹中直人-->
<meta name="HandheldFriendly" content="true">

user-scalable  客商是不是能够手动缩放。

    一都主流的 web app 都以这样设置的,它的效果其实是假意放弃viewport,不缩放页面,
    这样 dpi 确定和设备上的真正分辨率是同生龙活虎的,不做任何缩放,网页会由此显得越来越细致。

width=device-width  宽度是设备荧屏的宽窄(像素);

<meta charset="UTF-8">
  <!-- initial-scale=1 上马缩放比例

maximum-scale  允许顾客缩放大的最大比重;

    user-scalable=no 客商是不是足以手动缩放

 

4、<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />
     <meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
     <meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />

<meta name=”format-detection” content=”telephone=no” />

 

支出策画:Chrome浏览器、require.js模块管理、Swiper插件、iconfont图标、Sass

 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">

 

3、<meta name=”apple-mobile-web-app-capable” content=”yes” />

 

minimum-scale  允许客商缩放到的蝇头比例;

height=device-height  中度是设备荧屏的中度(像素);

1、关于meta属性

5、单位rem

第八个活动端项目。 

 

initial-scale  开头的缩放比例;

viewport  就可以视区域

CMD和AMD

telephone=no  就不允许了把数字转变为拨号链接!

参照博客:

五头的都以JavaScript模块化开垦的正式,只是对于依据的模块,英特尔是提前施行(也能够是延迟执行),CMD是延迟试行;何况CMD弘扬注重就近,英特尔发扬信任前置。

那meta的作用就是剔除暗许的苹果工具栏和菜单栏。content有三个值”yes”和”no”,当大家须要显示工具栏和菜单栏时,这些行meta就绝不加了,默许正是显得。

rem是相对于根成分<html>,那样就意味着,大家只供给在根成分鲜明二个参照他事他说加以考察值,,在根成分中设置多大的字体,那全然能够借助你本身的须要。

2、Format-detection

 

 功效是调整状态栏彰显样式

前端开采注意事项

本文由彩世界开奖app官网发布于前端技术,转载请注明出处:第八个活动端项目

关键词: