zoukankan      html  css  js  c++  java
  • 仿照Div.IO做的一个网页

    1. 总结

      Div.IO是一个响应式的网页,对布局要求特别高,其中用到的是(1、左边固定右边自动随浏览器大小缩放,2、中间固定两边缩放,3、所有块随浏览器自动缩放),有些布局我平时很少用上,在这次做的过程中,布局是非常重要的,我总结了一下,一般常用的有一下布局

    • 左自动+右固定
    • 右自动+左固定
    • 中自动+两边固定

         这三种,关键词:{自动:block+margin,固定:float},这是我的方案。大家也可以写出自己的方案。

    • 两边自动+中固定

        关键词:block+margin

    • 所有都自动

       关键词:float+width+%

    • 包围固定高宽

        关键词:float:(固定高宽)+block

        通过这种做的过程,我用上了这几种布局,大家也可以写写。

        响应式分布,@media screen 这个东西少不了,使用起来挺简单的。

       

        最后附加这几天的成果的图

        

    这是最大宽度的图

    这是浏览器缩放到800的图

    这是浏览器缩到最小的图

    这几天我做了三个页面,不一一截图了,需要源代码,可以私聊我。

    这里纯属个人观点,如有出错,望大家见解。

         

  • 相关阅读:
    Nginx配置简单说明
    JVM需要知道的一些设置参数
    Maven仓库(私服)中上传第三方jar包
    maven本地资源库设置
    sweetalert2使用教程
    《算法导论》学习笔记——二叉搜索树
    散列表
    跨域请求
    mvn常用命令
    Springmvc配置笔记
  • 原文地址:https://www.cnblogs.com/ScauZhang/p/4539877.html
Copyright © 2011-2022 走看看