精华内容
下载资源
问答
  • less and 媒体查询

    2021-04-17 17:31:22
    1.媒体查询语法 @media screen and (width:500px) 当屏幕宽度500px,执行的样式 媒体查询,就是有条件的执行css样式 媒体查询完整的写法 @media screen and (屏幕宽度) {样式} 简写 @media (屏幕宽度) {样式} 2 ...

    1.媒体查询语法

    @media screen and (width:500px)
    当屏幕宽度500px,执行的样式 媒体查询,就是有条件的执行css样式

    媒体查询完整的写法
    @media screen and (屏幕宽度) {样式}
    简写 @media (屏幕宽度) {样式}

    2 语法简写

    @media (width:1000px)

    3.@media only【not】 screen and (width:400px)

    only  仅在宽度为400px 是执行 css样式
    not  执行某个尺寸之外的样式
    

    1.@media (max-witdh:500px)
    2. @media (min-width:600px)
    3. 3.@media (min-width:300px) and (max-width:500px)
    1.屏幕宽度小于等于500px 的时候执行的样式 max-width 最大宽度 小于等于
    2.屏幕宽度大于等于600px的时候执行样式 min-width 最小宽度 大于等于
    3.当屏幕宽度大于等于300px 并且 小于等于 500px 的时候 执行的样式

    less

    less 导入
    less嵌套
    less混合
    less变量的使用
    	@变量名:值;提高开发和维护效率  @color:red;
    	width:200px + 100em 运算的时候,如果2个单位不一样,以第一个为准 运算符两边加空格
    可以兼容css任何样式
    

    em和rem单位
    em和rem 都是相对单位
    em参考的是盒子里边文字大小
    rem参考的是html根标签(浏览器) 文字大小

    媒体查询+rem适配
    1.开发的时候,会将ui设计稿分成若干份
    以10份为列,640的设计稿,每一份的宽度是64px 每一份的宽度 屏幕尺寸/份数
    2.媒体查询,不同屏幕尺寸设置 (屏幕尺寸/ 份数) 根标签文字大小
    子主题 4

    less嵌套

    .box {
    width: 500px;
    height: 300px;
    background-color: #ccc;
    .nav {
    background-color: pink;
    }
    p {
    width: 100px;
    height: 100px;
    background-color: skyblue;
    & 符号特指当前层级的选择器,伪类和伪元素选择器
    &:nth-child(2) {
    border: 10 solid red;
    em {
    font-size: 12px;
    }
    }
    }
    a {
    color: #000;
    &:hover {
    color: green;
    }
    }

    less导入

    @import 后边必须有空格
    @import ‘./09-less混合.less’;
    .less后缀名可以省略
    @import ‘./08less嵌套’;
    .search {
    width: 100px;
    height: 100px;
    background-color: pink;
    }

    less 混合

    .box {
    width: 200px;
    height: 200px;
    border: 1px solid #000;
    }
    .nav {
    background-color: #ccc;
    width: 200px;
    height: 200px;
    border: 1px solid #000;
    }
    .footer {
    background-color: #ccc;
    width: 200px;
    height: 200px;
    border: 1px solid #000;
    }
    .box {
    width: 200px;
    height: 200px;
    border: 1px solid #000;
    }
    .nav {
    background-color: #ccc;
    // 调用其他选择器代码 选择器()
    .box();
    }
    .footer {
    .nav();
    }

    展开全文
  • less 文件 媒体查询 循环

    千次阅读 2018-06-19 11:44:02
    则它换算成px为width:42px.height:35px 同理,假如一个设计稿为宽度42px,高度为35px 则换成rem,则是42/14=3rem,35/14=2.5rem。(14就是html的font-size) @psdwidth: 750; // 设计稿 尺寸 @basesize: 100; // ...

    @charset "utf-8";


    @psdwidth: 1024; // 设计稿 尺寸
    @basesize: 100;   // 分为多少份
    @bt: 100rem;  // 换算值
    @fit: 320px, 360px, 375px, 384px, 400px, 414px, 424px, 450px, 480px, 540px, 640px, 720px, 750px, 1024px, 1920px;
    .rtrt(@index) when (@index<=length(@fit)) {
      @media (min-width: extract(@fit,@index)) {
        html {
          font-size: extract(@fit,@index)/@psdwidth*@basesize;
        }
      }
      .rtrt(@index+1);
    }


    .rtrt(1);


    html, body {
      width: 100%;
      height: 100%;
    }

     

     

    1rem等于多少px (rem和px怎样转换)
    1rem等于html根元素设定的font-size的px值
    如果css里面没有设定html的font-size,则默认浏览器以1rem=16px来换算。

    假如我们在css里面设定下面的css
    html{font-size:14px}
    那么后面的CSS里面的rem值则是以这个14来换算。

    例如设定一个div宽度为3rem,高度为2.5rem.
    则它换算成px为width:42px.height:35px

    同理,假如一个设计稿为宽度42px,高度为35px
    则换成rem,则是42/14=3rem,35/14=2.5rem。(14就是html的font-size)

     

    @psdwidth: 750; // 设计稿 尺寸
    @basesize: 100; // 分为多少份
    @bt: 100rem;

     

     

    展开全文
  • Less

    2017-03-06 17:21:52
    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 Less 可以运行在 Node 或浏览器端。 Less的编译工具: 1、koala编译(下载地址:...

    
    

    Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。

    Less 可以运行在 Node 或浏览器端。

    Less的编译工具:

    1、koala编译(下载地址:http://koala-app.com/index-zh.html,推荐)

    2、Node.js库

    3、浏览器端使用

    下面来讲解一下less的语法:

    1、less的开头

    @charset "utf-8";
    2、less的注释:

    /**/:会被编译到css中

    //:不会被编译到css中

    3、变量:

    less中变量的格式:@变量名:值;

    @test_height:200px;
    .test_variable{
        height:@test_height;
    }
    4、混合(mixin)变量

    <div class="test_blend"></div>
    
    .test_blend{
        .border_radius(10px);
    }
    .border_radius(@radius){
        border-radius: @radius;
        -webkit-border-radius: @radius;
        -moz-border-radius: @radius;
    }
    /*设置默认值*/
    .test_blend{
        .border_radius();
    }
    .border_radius(@radius:5px){
        border-radius: @radius;
        -webkit-border-radius: @radius;
        -moz-border-radius: @radius;
    }
    
    
    5、匹配模式

    类似于js中的if,但不完全是,满足条件后才能匹配。

    例如用css画三角形

    .test_sanjiaoxiing{
        width: 0;
        height: 0;
        overflow: hidden;
        border-width: 10px;
        border-color: transparent transparent red transparent;
        border-style: solid;
    }
    其中的 overflow:hidden; 用于处理IE6最小高度的问题;

    同时,在IE6中这种写法会出现黑边,解决办法如下:

    border-style: dashed dashed solid dashed;

    <div class="test_sanjiaoxing"></div>
    
    .test_sanjiaoxing{
        .triangle(bottom);
    }
    .triangle(bottom,@w:5px,@c:#ccc){
        border-width:@w;
        border-color:@c transparent transparent transparent;
        border-style:solid dashed dashed dashed;
    }
    .triangle(top,@w:5px,@c:#ccc){
        border-width:@w;
        border-color:transparent transparent @c transparent;
        border-style:dashed dashed solid dashed;
    }
    .triangle(left,@w:5px,@c:#ccc){
        border-width:@w;
        border-color:transparent @c transparent transparent;
        border-style:dashed solid dashed dashed;
    }
    .triangle(right,@w:5px,@c:#ccc){
        border-width:@w;
        border-color:transparent transparent transparent @c;
        border-style:dashed dashed dashed solid;
    }
    .triangle(@_,@w:5px,@c:#ccc){
        width:0;
        height:0;
        overflow:hidden;
    }
    
    不管样式匹配的是top、还是bottom、还是left、还是right,都会带上 .triangle(@_,@w:5px,@c:#ccc); 的样式; @_ 是固定的格式。

    条件表达式:利用条件表达式更准确、更严格地限制混合的匹配,通过 when 关键字实现。

    <div class="test_mixin1">用条件表达式进行匹配测试1</div>
    <div class="test_mixin2">用条件表达式进行匹配测试2</div>
    /* less */
    .test_mixin1{
        .mixin(12);
    }
    .test_mixin2{
        .mixin(8);
    }
    .mixin(@a) when(@a>=10){
        color:red;
    }
    .mixin(@a) when(@a<10){
        color:yellow;
    }
    /* 编译后的css */
    .test_mixin1{
        color:red;
    }
    .test_mixin2{
        color:yellow;
    }
    
    条件表达式中为关键字 true 时只表示布尔真值,如下两个混合是相同的:

    .truth(@a) when(@a){ ... }
    .truth(@a) when(@a = true){ ... }
    除了关键字true以外的值都视为布尔假,例如:

    .test_truth{
        .truth(30);/*不匹配上面任何一个混合*/
    }
    导引序列用逗号(,)分割,当且仅当所有条件都符合时才能匹配成功

    .mixin(@a) when(@a>10),(@a<10){ ... }
    导引可以无参数,也可以对参数进行比较运算:
    @media: mobile;
    .mixin(@a) when(@media=mobile){ ... }
    .mixin(@a) when(@media=desktop){ ... }
    .max(@a,@b) when(@a>@b){ width: @a; }
    .max(@a,@b) when(@a<=@b){ width: @b; }
    若想基于值的类型进行匹配,可以使用 is* 函数:

    .mixin(@a,@b:0) when(isnumber(@b)){ ... }
    .mixin(@a,@b:black) when(iscolor(@b)){ ... }
    常用的检测函数:

    iscolor:是否为颜色值;

    isnumber:是否为数值;

    isstring:是否是字符串;

    iskeyword:是否为关键字;

    isurl:是否为URL字符串

    判断一个值是纯数字还是某个单位量,可使用下列函数:

    ispixel:是否为像素单位;

    ispercentage:是否为百分数;

    isem:是否为em单位。

    LESS条件表达式支持and、or(不是or关键字,这里用(,)来表示or的逻辑关系)和not来组合条件表达式:

    .smaller(@a,@b) when(@a>@b){
        color: black;
    }
    .math(@a) when(@a>10) and (@a<20){
        color: red;
    }
    .math(@a) when(@a<10) and (@a>20){
        color: blue;
    }
    .math(@a) when not(@a=10){
        color: yellow;
    }
    .math(@a) when (@a=10){
        color: green;
    }

    6、运算(+、-、*、/)

    @test_01:300px;
    
    .test_01{
        width:@test_01 + 20;
        color: #ccc-10;
    }
    在变量@test_01中已经带有"px",所以在运算时,20后面不需要加上"px"。

    颜色也可以加减,但几乎不用,一般要用什么颜色直接用,不对其进行加减。

    数学函数:

        round(@number):对数值变量@number进行四舍五入;

        ceil(@number):向上舍入;

        floor(@number):向下舍入;

        precentage(@number):百分比转换

    7、嵌套

    <ul class="list"><li><a><span></span></a></li></ul>
    
    .list{
        ...
        li{ ... }
        a{
            ...
            &:hover{ ... }
        }
        span{ ... }
    }
    a 标签可以放在 li 标签中,也可以直接放在 .list 中与li标签同级,但是把 a 标签放在 .list 中与放在 li 标签中相比,减少了匹配次数,所有将 a 标签放在 .list 中与 li 同级更好些。span标签同理。

    还有上面中的 & ,代表上一层里的选择器。&有两个作用,一个是对伪类的使用(&:hover{ ... }),二是对连接的使用(&-item)。

    8、@arguments变量:包含了所有传递进来的参数。(一般较少使用)

    <div class="test_arguments"></div>
    
    .test_arguments{
        .border_arg();/*默认值*/
    }
    .test_arguments{
        .border_arg(40px);/*改变参数*/
    }
    .border_arg(@w:30px,@c:red,@xx:solid){
        border:@arguments;
    }
    其中 border:@arguments; 等同于 border:@w @c @xx; 
    9、避免编译

    当需输出不正确的css语法或者使用一些less不认识的专有语法时,可在字符串输出前加上 ~ ,并将不需编译的内容用""包含起来。例如:

    width: calc(300px - 30px);/*本该在浏览器上计算,但是在编译时已经计算出结果,css中的结果为width:calc(270px);*/
    width: ~'calc(300px -30px)';/*这样在编译成css时会原封不动,不对其进行编译,css中的结果为 width: calc(300px - 30px);*/
    10、!important关键字:使css样式层级优先级最高。

    在混合中使用:会为所有混合带来的样式添加上!important

    <div class="test_important"></div>
    /* less */
    .test_important{
        .border_radius() !important;
    }
    .border_radius(@radius:5px){
        border-radius:@radius;
        -webkit-border-radius:@radius;
        -moz-border-radius:@radius;
    }
    /* 编译之后的css */
    .test_important{
        border-radius:5px !important;
        -webkit-border-radius:5px !important;
        -moz-border-radius:5px !important;
    }
    10、命名空间

    把变量与混合封装起来,避免与其他地方定义冲突。看下面的例子:

    /* less */
    @var-color: white;
    #bundle{
        @var-color: yellow;
        .button{ ... }
        .tab(){ ... }
        .citation(){ ... }
        .oops{ ... }
    }
    #header{
        ...
        #bundle>.button;
        #bundle>.oops;
    }
    /* css */
    #bundle .oops{
        ...
    }
    #header{
        ...   
    }
    
    在 #bundle 中建立一个命名空间,在里面封装的变量及属性集合不会暴露到外部空间中。

    需要注意的是:因为无参的混合不会暴露在最终的css代码中,而普通的属性集则会出现。所以 .oops 被暴露在了最终的css代码中。在定义命名空间和混合时要小心处理,避免带来潜在问题。

    11、导入

    LESS支持符合标准的导入方法,利用@import 命令可以导入外部LESS文件后CSS文件。

    例如:在 main.less 文件中导入 lib.less 文件, .less后缀可带可不带;在 main.less 中导入 lib.css 文件,并不对该css文件进行编译,只需使用 .css 后缀。

    @import "lib.less";
    
    @import "lib";
    
    @import "lib.css";
    12、字符串插值

    变量可以使用类似Ruby和PHP的方式嵌入到字符串中,方法是使用 @{name} 结构,通过 @{name} 来调用变量的值:

    @base_url = 'http://coding.smashingmagazine.com';
    background-image: url("@{@base_url}/images/background.png");
    13、JavaScript表达式

    JavaScript表达式可以在LESS文件中使用,通过反引号的方式使用:

    @var:`"hello".toUpperCase()+'!'`;
    输出:

    @var:"HELLO!";
    也可以同时使用字符串插值和避免编译:

    @str:"hello";
    @var:~'"@{str}".toUpperCase()+'!'';
    /* 输出 */
    @var:HELLO!;
    也可访问JavaScript环境:

    @height:'document.body.clientHeight';
    可以使用颜色函数将一个JavaScript字符串解析成十六进制的颜色值:

    @color:color('window.colors.baseColor');
    @darkcolor: darken(@color,10%);


    展开全文
  • ###css3媒体查询 css3媒体查询是响应式方案核心 ###媒体类型 all 所有媒体(默认值) screen 彩色屏幕 print 打印预览 projection 手持设备 tv 电视 braille 盲文触觉设备 embos...

    ###css3媒体查询
    css3媒体查询是响应式方案核心

    ###媒体类型
    all 所有媒体(默认值)
    screen 彩色屏幕
    print 打印预览

       projection     手持设备
       tv                   电视
       braille           盲文触觉设备
       embossed     盲文打印机
       speech        “听觉”类似的媒体设备
       tty                 不适用像素的设备
    

    ###媒体属性
    width (可加max min前缀)
    height (可加max min前缀)
    device-width (可加max min前缀)
    device-pixel-ratio(可加max min前缀,需要加webkit前缀)
    orientation portrait竖屏
    landscape横屏

    ###操作符,关键字 (only,and,(,or),not)
    only:
    防止老旧的浏览器 不支持带媒体属性的查询而应用到给定的样式.
    @media only screen and (min-width:800px ){
    规则;
    规则
    }
    @media screen and (min-width:800px ){
    规则;
    规则
    }
    在老款的浏览器下
    @media only —> 因为没有only这种设备 规则被忽略
    @media screen —> 因为有screen这种设备而且老浏览器会忽略带媒体属性的查询

       			建议在每次抒写media query的时候带上only
       	
       		and:
       			连接媒体属性 、连接媒体类型
       			对于所有的连接选项都要匹配成功才能应用规则
       		
       		or(,) : 和and相似
       			对于所有的连接选项只要匹配成功一个就能应用规则
       		
       		not:取反
    

    ###less
    less是一种动态样式语言,属于css预处理器的范畴,它扩展了 CSS 语言,
    增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展
    LESS 既可以在 客户端 上运行 ,也可以借助Node.js在服务端运行。

    less的中文官网:http://lesscss.cn/
    bootstrap中less教程:http://www.bootcss.com/p/lesscss/
    

    ###Less编译工具
    koala 官网:www.koala-app.com

    ###less中的注释
    以//开头的注释,不会被编译到css文件中
    以/**/包裹的注释会被编译到css文件中

    ###less中的变量
    使用@来申明一个变量:@pink:pink;
    1.作为普通属性值只来使用:直接使用@pink
    2.作为选择器和属性名:#@{selector的值}的形式
    3.作为URL:@{url}
    4.变量的延迟加载

    ###less中的嵌套规则
    1.基本嵌套规则
    2.&的使用

    ###less中的混合
    混合就是将一系列属性从一个规则集引入到另一个规则集的方式
    1.普通混合
    2.不带输出的混合
    3.带参数的混合
    4.带参数并且有默认值的混合
    5.带多个参数的混合
    6.命名参数
    7.匹配模式
    8.arguments变量

    ###less运算
    在less中可以进行加减乘除的运算

    ###less避免编译

    ###less继承
    性能比混合高
    灵活度比混合低

    展开全文
  • css媒体查询有一个 宽高比很方便,aspect-ratio ,可以直接使用宽/高 来进行页面适配 使用样例如下:   // 宽高比在((320/50)+(728/90))/2 两个尺寸中间值以内 适配 320*50 设计图样式 @media screen and (min-...
  • 1. rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小,rem... ... 非根元素设置width:2rem; 则换成px表示就是24px。 /* 根html 为 12px */ html { font-size: 12px; } /* 此时 div 的字体...
  • 在使用collectionView出现the item width must be less than the width of the UICollectionView minus the section insets left and right values. 的提示时,说明CollectionViewCell的宽高设置错了, 只要在- ...
  • @media only screen and (max-width:1920px), only screen and (max-device-width:1920px) { html, body { font-size: 117.1875px; max-width: 750px; } } @media only screen and (m...
  • rem 1)什么是rem ... 2)不使用rem会有什么问题 页面中的文字不能随着屏幕的变换而变化 百分比布局和flex布局主要...meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maxim
  • LESS学习笔记(初学实用)

    千次阅读 2016-08-19 15:18:42
    一、什么是lessLess 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。 LESS官网(中文):http://lesscss.cn/二、less怎么用?方式一:直接通过引入less.js...
  • 基于将LESS用作JS对象 - 安装 npm i - g cssobj - converter npm i futurist / cssobj - less 用法 1.按照常规方式在folder写LESS: 文件:lessfiles / page.less @base : #f938ab ; @width : 100 px ; @...
  • PostCSS Less2ssss 插件可将Less转换为SCSS。 转换变量 概述 变量-任何规则之外的声明 较少的: @link-color : #428bca ; Scss: $link-color : #428bca ; 变量-嵌套规则中的声明 较少的: #main { @width...
  • less循环操作

    千次阅读 2020-08-19 13:18:04
    width: (10px * @counter); // 一些属性的设置 .loop(@counter - 1) } div { .loop(5); // launch the loop } 说道了循环,怎么能少了数组和对象的遍历呢?list是less中用过来存放多个数据的一种.
  • less的语法规则详解

    千次阅读 2020-06-23 23:38:09
    less语法支持把一个值,可以是颜色值,宽度,或者其他的任何属性值和一段字符串。用一个变量保存起来。这样方便后期再出现重复的值可以直接使用自己定义的自己更为熟系的变量名直接赋值。 // 定义一个颜色的变量 @...
  • P87-前端基础Less-语法介绍父元素&扩展&函数 1.概述 这篇文章介绍一些Less入门常用的语法 2.案例结构 2.1.html文件内容 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">...
  • 少插件骨架 在您的自定义 Less 代码之前导入 Less 代码。... @media (min-width: @bp-larger-than-mobile) { .button, button { height: 24px; padding: 0 15px; } } 可用的媒体查询: /* Larger than mo
  • 3.0之前版本都采用less动态css预处理语言,实现机制是通过@media媒介查询来达到样式控制。 例如:@media screen and (min-width:320px) and(max-width:360px){ html{ width:30px; height:20px; }
  • LESS基本用法

    千次阅读 2018-06-04 14:29:37
    本文主要介绍less的基本用法和一些简单的小技巧。 一、编译.less文件以.css使用命令行 具体请参照LESS官网链接 二、LESS基本用法 2.1变量的设置与使用 设置变量 @main-color: #5B83AD; 使用变量: body{ ...
  • less使用语法详解

    千次阅读 2018-09-20 09:48:59
    变量 变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用。... // LESS @color: #4D926F; #header { color: @color; } h2 { color: @color; } /* 生成的 CSS */ #header { color:...
  • 第一种:less+媒体查询+rem 1. 技术选型 方案:我们采取单独制作移动页面方案 技术:布局采取rem适配布局(less + rem + 媒体查询) 设计图: 本设计图采用 750px 设计尺寸 2. 搭建相关文件夹结构 3. 设置视口标签...
  • 对于前端er来说,Less或Sass已经是一项必备的基本技能,有了这个利器,可以省下前端开发者的很多编码时间,让你写CSS如行云流水一般,然后最近我在Less里加入calc时确发现了有点问题,我在Less中这么写: ...
  • 使用less实现自适应宽度

    千次阅读 2019-10-05 11:01:25
    width:(@w/@baseWidth)*100vw; } .testWidth{ .pxfix(100); height: 100px; background:red; } 直接上代码,一个简单的函数,传入需要设置的px值,1980是设计稿的宽 转载于:htt...
  • less中的变量 单位问题

    千次阅读 2018-08-14 18:13:07
    /* 测试数据 */ @a: 20px; @b: 10em; @c: 5rem; ... width: @a / @b; 编译后 width: 2px; 单位为px width: @a / @c; 编译后 width: 4px; 单位为px width: @a / @d; 编译后 width: 5px; ...
  • 获取设备width方法: alert(window.screen.width); //web @media screen and (min-width:769px) { //css style } //ipad pro && ipad mini 768px @media screen and (max-width: 768px) and (min...
  • less 什么是less 怎么使用less

    千次阅读 2020-06-10 12:14:18
    什么是less? 作为一个前端开发,写css样式是再平常不过的事情了,有时候,多个元素的样式是一样的,但是我们还是会把这些样式冲刺呢写一遍,要不就是键盘三剑客 CTRL + C,CTRL + v,真是苦了比程序猿,现在,我们...
  • 1、新建common.less,设置好最常见的屏幕尺寸,利用媒体查询设置不同的html字体大小 2、常用尺寸有:320px、360px、375px、384px、400px、414px、424px、480px、540px、720px、750px 3、确定将页面划分为多少份。例...
  • Less运算和函数

    千次阅读 2017-11-20 21:04:45
    Less运算和函数 Less运算 在我们的 CSS 中,充斥着大量数值型的 value,比如 color、padding、margin 等。在某些情况下,这些数值之间是有着一定关系的,那么我们怎样利用 Less来组织这些数值之间的关系呢?请看...
  • Less变量

    千次阅读 2017-11-20 10:30:47
    Less变量 定义变量 Less 中的变量和其他编程语言一样,可以实现值的复用,同样它也有作用域(scope)。简单的讲,变量作用域就是局部变量和全局变量的概念。 Less 中,变量作用域采用的是...@width : 20px; #homeDiv
  • C#基础教程-c#实例教程,适合初学者

    万次阅读 多人点赞 2016-08-22 11:13:24
    C#基础教程-c#实例教程,适合初学者。 第一章 C#语言基础 本章介绍C#语言的基础知识,希望具有C语言的读者能够基本掌握C#语言,并以此为基础,能够进一步学习用C#语言编写window应用程序和Web应用程序。...
  • 1.device-width 定义:定义输出设备的屏幕可见宽度。 不管你的网页是在safari打开还是嵌在某个webview中,device-width都只跟你的设备有关,如果是同一个设备,那么他的值就不会变。 比如iphone6的device-width*...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 55,327
精华内容 22,130
关键字:

less查询width