浜氭床AV鏃ラ煩AV鏃犵爜A鈪?jingchuanghoude.com

google seo -> telegram: @ehseo6

">Newsnet 2022-09-25 10:27
  • home  >   /广东乔虑跆拳道俱乐部  >   浜氭床AV鏃ラ煩AV鏃犵爜A鈪?
  • 鏃ラ煩鏃犵爜瑙嗛『网址:ff00.co』F2F4Y5L8-   D   Q  ? H

    鏃ラ煩瓒呮竻鏃犵爜AV『网址:ff00.co』F2F4Y5L8-铮? X   G   Z

    html5   发布时间:2022-09-25  发布网站:脚本宝典  www.js-code.com
    脚本宝典收集整理的这篇文章主要介绍了关于移动端h5开发相关内容总结脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
    1.开发移动端,头部必要的配置

    <;meta name="
    viewport
    " content="
    width
    =device-width,inITial-scale=1,user-
    scala
    ble=no">(各
    属性
    值不在介绍,在开发中小米(2016年小米4)测试user-scalable=no是不起作用的)

    font-size,开发过程中是用Js计算的。
    公式 320/100=屏幕尺寸/fontSize值
    3.需要点击跳转,语义标签是a(dispaly:block;)
    在语义化考虑的情况下a标签中添加一个span(disply:block),span中在添加容器
    4.为了用户友好体验,在开发移动端页面时候设置最大度和最小宽度。如
    @H_360[email protected]

    {
     
    max-width
    :640px;
     
    min-width
    :320px;
    }

    5.移动端开发页面一些默认样式
    禁止a标签背景

    a,button,input,optgroup,select,textare{
     // 去掉a,input,button点击时蓝色外边框和灰色透明
     -webkit-tap-highlight-color:rgba(0,0,0,0);
    }

    禁止长按a,img标签出现菜单栏

    a,img{
     // 禁止长按显示菜单栏
     -webkit-touch-c
    all
    out:none;
    }
    流畅滚动
    body{
     -webkit-
    overflow
    -scrolling:touch;
    }

    6.单行截取

    7.calc的使用,不考虑低版本(ie11以下安卓56以下,opera所有)兼容性,建议使用,方便。

    8.box-sizing的使用,解决不同浏览器盒模型的展现不一致。(移动端常用)
    content-box;默认值标准模型,width和height不包括边框内边距外边距
    padding-box;width和height包括内边距不包括边框和外边距
    border-box;怪异模型width和height包括内边距和边框,不包括外边距。

    9.水平垂直居中(移动端常用)
    缺点:需要知道小容器的宽度和高度
    格式

    <p class="parent">
     <p class="child"></p>
    </p>
    .parent{
     
    position
    :relative;
     width:100px;
     height:100px;
     
    background-color
    :red;
    }
    // 注意是四个方向都是0
    .child{
     position:absolute;
     
    margin
    :auto;
     
    top
    :0;
     
    right
    ;0;
     
    bottom
    :0;
     
    left
    :0;
     width:50px;
     height:50px;
     background-color:gold;
    }

    10.line-height的设置(移动端常用)
    normal:默认,自动分配合理的行间距
    number设置数字,会与当前字体尺寸相乘来设置,即倍数
    length设置固定行间距
    %基于当前字体尺寸的百分比行间距
    inherit从父元素继承过来
    记住下面公式,利用排除Bug
    空白间距=lineHeight - fontSize
    设置父元素的line-height为100%就可以没有留白

    11.vertical-align调整图标垂直居中(移动端常用)
    baseline:内容与父元素基线对齐
    sub:元素基线与父元素下标基线对齐
    suPEr:元素基线与父元素上标基线对齐
    top:元素及其后代顶端与整行顶端对齐
    text-top:元素顶端与父元素字体的顶端对齐
    middel:元素中线与父元素的基线对齐
    bottom:元素及其后代底端与整行的底端对齐
    text-bottom:元素底端与父元素字体的底端对齐
    percentage:百分比指定偏移量。基线是0%
    length:数值方式,基线是0(常用)

    12.flex的使用
    使用flex时候,如果两列不是平均分配,试试给width设置为0
    https://csstriggers.COM/检查css属性触发的哪些过程

    以上就是关于移动端h5开发相关内容总结的详细内容,更多请关注脚本宝典其它相关文章

    脚本宝典总结

    以上是脚本宝典为你收集整理的关于移动端h5开发相关内容总结全部内容,希望文章能够帮你解决关于移动端h5开发相关内容总结所遇到的问题。

    如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

    本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
    如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
    会议av设备 2016av女优排名 波多野结衣av封面 2017最新av中文字幕 青娱乐在线极品盛宴av
    醉地av艾迪av导航 哥要撸av在线视频 情色av av亚洲天堂图片区 在线云点播av
    av转vga转换器价格 美国著名AV女星图片 av演员是什么 快播免费在线看av 久久无碰av碰
    av100功放电路图 葫芦侠三楼社区av 剧情av bt种子下载不了 白丝av照 求日本擂台AV摔跤番号