src/assets/md.less

@@ -1,4 +1,8 @@
.markdown-body{
   *{
      max-width: 100% !important;
   }
	
   body{
        margin: 0 auto;
        font-family: "Microsoft YaHei", arial,sans-serif;
@@ -13,9 +17,29 @@
        }
    }
    
   img{
       max-width: -webkit-fill-available;
   }
    p{
       text-indent: 2rem;
    }
    img:hover{
       transform: scale(1.05);
       //box-shadow: 0 0 4px rgba(0,0,0,0.5);
       -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
       filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
    }
    img{
       border-radius: 12px;
       margin: 10px auto;
       transition: all .5s;
    }
   // img{
   //     max-width: -webkit-fill-available;
   //     display: inline;
   //     box-shadow: 0 0 4px rgba(0,0,0,0.5);
   //     overflow: visible;
   //     border-radius: 12px;
   //     -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
   //     filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
   // }
   h1, h2, h3, h4 {
       color: #111111;
       font-weight: 400;
@@ -57,6 +81,7 @@
       color: #0099ff;
       margin: 0;
       padding: 0;
      word-wrap: break-word;
       vertical-align: baseline;
   }
   a:hover {
@@ -150,8 +175,8 @@
       width: 390px;
   }
   blockquote {
       border-left:.5em solid #eee;
       padding: 0 0 0 2em;
       border-left:.5em solid #cfcfcf;
       //padding: 0 0 0 2em;
       margin-left:0;
   }
   blockquote  cite {