zoukankan      html  css  js  c++  java
  • 博客去广告并支持自适应样式

    因为忍受不了浏览博客园博客时总是被post下边广告骚扰; 使用不同尺寸设备,或浏览器缩放时显示还会出现混乱的问题,所以撰写此文,希望大家都能应用到自己的博客上,方便自己也方便他人。

    1. 去广告

        这个很容易,把下边代码按需贴到"修改设置"->"通过CSS代码定制代码页面风格"中并点击保存即可。

        

    #site_nav_under, #ad_under_post_holder, #comment_form_container,blog_news_kb,google_ad_c2, #comment_nav{ display:none !important;}

    2. 支持自适应

        这个就是RESS设计部分,通俗讲就是让页面能够在不同尺寸设备(包括浏览器缩放)上达到最佳显示效果。这个也很简单,根据自己需要定义media query 然后贴到"修改设置"->"通过CSS代码定制代码页面风格" 即可,参考:

    @media (max- 950px)
    {
      #home{max-width:inherit;}
      #main{min-width:inherit;max-width:inherit;}
      #mainContent, #mainContent .forFlow{ margin:auto;}
      #sideBar{display:none;}
      #mainContent{float:none;}
    }
    @media (max- 380px)
    {
      #MyLinks1_MyHomeLink, #MyLinks1_Syndication{display:none !important;}
    }

      以上是我页面所用,菜鸟可以debug我的页面看css,大拿也可以自己设计。

  • 相关阅读:
    8-kubernetes-安全
    6-kubernetes网络
    5-kunernetes资源调度
    4-K8S 部署Java应用及应用程序生命周期管理
    3-kubernetes监控与日志管理
    2-K8S常用命令
    1-kubeadm部署1.18.0单master集群
    部署Prometheus+Grafana监控
    微信小程序学习
    vue 中使用 @scroll事件 没有用
  • 原文地址:https://www.cnblogs.com/Jack8Chen/p/3211145.html
Copyright © 2011-2022 走看看