zoukankan      html  css  js  c++  java
  • 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%计算宽度不包括滚动条。

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

  • 相关阅读:
    jmeter Transaction Controller、Throughput Controller 控制器
    图书系统的简易代码
    模板简单梳理
    自制过滤器
    自制URL转换器
    URL简单梳理
    window下的Django入门
    十一、常用内建模块
    九、进程与线程
    八、错误、调试与测试
  • 原文地址:https://www.cnblogs.com/xuwenqin/p/14134017.html
Copyright © 2011-2022 走看看