zoukankan      html  css  js  c++  java
  • 左侧固定,右侧自适应,两列等高并且自适应的第二种办法

    //界面高度自适应
        var headHeight=$(".header").height();//头部高度
        var mainHeight=$(".mainContent").outerHeight()+40;//内容区域高度
        var minHeight=$(window).height()-headHeight;//屏幕区域高度不算头部
    
        if (mainHeight<minHeight) {
            $(".container").height($(window).height()-headHeight);
        }else{
            $(".container").height(mainHeight);
        }
        $(window).resize(function(e) {
            var mainHeight=$(".mainContent").outerHeight()+40;
            var minHeight=$(window).height()-headHeight;
            if (mainHeight<minHeight) {
                $(".container").height($(window).height()-headHeight);
            }else{
                $(".container").height(mainHeight);
            }
        });
  • 相关阅读:
    常用网址记录
    css一些兼容问题
    css hack
    js 闭包
    js 继承
    js 实现淘宝放大镜
    css做三角形的方法
    js 轮播效果
    css3特效
    css布局
  • 原文地址:https://www.cnblogs.com/muwei/p/5291972.html
Copyright © 2011-2022 走看看