zoukankan      html  css  js  c++  java
  • 每日日报2021.5.9 冲刺第八天

    今天完成内容:

    学习web

     主页css修改

    @media (max- 1120px) {}

    @media (max- 992px) {
    .hero_area {
    min-height: auto;
    }

    .navbar-nav {
    align-items: center;
    }

    .custom_nav-container .navbar-toggler {
    margin-bottom: 15px;
    }

    .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link {
    padding: 10px 25px;
    margin: 5px 0;
    }

    .custom_nav-container.navbar-expand-lg .form-inline {
    justify-content: center;
    }

    .custom_nav-container.navbar-expand-lg {
    padding-top: 10px;
    align-items: center;
    }

    .slider_section {
    padding: 45px 0 150px 0;
    }

    .about_section .detail-box {
    margin-left: 0;
    100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    }

    .contact_bg_box img {
    -o-object-position: bottom center;
    object-position: bottom center;
    }
    }

    @media (max- 767px) {
    .slider_section ol.carousel-indicators {
    justify-content: center;
    }

    .slider_section {
    text-align: center;
    }

    .slider_section .img-box {
    margin-top: 35px;
    }

    .slider_section .detail-box .btn-box {
    justify-content: center;
    flex-wrap: wrap;
    }

    .about_section .heading_container {
    margin-bottom: 0;
    }



    .info_section .row .col-md-3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    }

    .info_section .info_logo {
    align-items: center;
    }

    .info_section .info_form .social_box {
    justify-content: center;
    }

    .info_section .info_form .social_box a {
    margin: 0 5px;
    }
    }

    @media (max- 576px) {
    .header_top a span {
    display: none;
    }

    .slider_section .detail-box h1 {
    font-size: 2.5rem;
    line-height: 55px;
    }

    .about_section {
    padding-left: 15px;
    padding-right: 15px;
    }
    }

    @media (max- 480px) {
    .service_section .box {
    flex-direction: column;
    }

    .service_section .detail-box {
    margin-left: 0;
    margin-top: 15px;
    }
    }

    @media (max- 420px) {}

    @media (max- 376px) {}

    @media (min- 1200px) {
    .container {
    max- 1170px;
    }
    }

    看视频

    遇到问题:

    明日目标:

    学习web端的开发

    学习css

  • 相关阅读:
    MySQL灾备切换
    crontab 定时任务
    Mysql常用命令 详细整理版
    linux 常用命令
    shell逻辑运算总结, 包括[[]]与[]的区别,&&与-a的区别,||与-o的区别
    linux端口详解大全
    编译安装php5.6
    linux给用户添加sudo权限
    Effective C#(二)
    Effective C#(一)
  • 原文地址:https://www.cnblogs.com/leiyu1905/p/14913022.html
Copyright © 2011-2022 走看看