• vh,vw和%


    取消textarea的文本框可放大缩小的效果:resizenone

    设置图片作为边框:border-imageurl(/i/border.png) 30 30 round; 注意:css3样式ie不支持。

    border-image-repeat图像边框是否应平铺(repeated)、铺满(rounded)或拉伸(stretched)

    兼容写法:

    -moz-border-image:url(/i/border.png) 30 30 round; /* Old Firefox */

    -webkit-border-image:url(/i/border.png) 30 30 round; /* Safari and Chrome */

    -o-border-image:url(/i/border.png) 30 30 round; /* Opera */

    border-image:url(/i/border.png) 30 30 round;

    关于height:100%和height:100vh的区别

    vh就是当前屏幕可见高度的1%,也就是说height:100vh == height:100%;

    当元素没有内容时候,设置height:100%,该元素不会被撑开,此时高度为0;

    但是设置height:100vh,该元素会被撑开屏幕高度一致。

    关于width:100%和width:100vw的区别

    pc100vw会比100%多一个滚动条的宽度,原因是vw计算的是整个视口的宽度,包括滚动条,而100%计算宽度不包括滚动条。

    但是在移动端开发不存在这个问题,因为移动端滚动条不占位置。

  • 相关阅读:
    百度之星初赛 A
    百度之星 初赛 BC
    2016 百度之星资格赛
    codeforces 749
    codeforces 785
    HDU 4617
    网络流 poj 2195
    网络流 poj 3436 poj 3281
    codeforces 780 C
    idea激活
  • 原文地址:https://www.cnblogs.com/xuwenqin/p/14134017.html
Copyright © 2020-2023  润新知