杨小杰Blog(Youngxj)提供免费教程下载和网站搭建技术教程,主要分享和发布网站源码,致力创造一个高质量网络资源教程的分享平台

媒体范自适应搜索栏优化

Young小杰2017-8-29 13:53 网站搭建(9)3905查询中……小标签: 网站优化 emlog优化 emlog博客 原创

许多朋友都在问我媒体范这个模版自适应的时候搜索框怎么才能显示出来呢?

这个问题想起了我第一次接触自适应代码,那是看到媒体范这个模版自适应到手机版时搜索框就不在了,好奇心的驱使下,问了很多大佬,那是小杰属于小白,很多大佬都不愿意理我,后来问到蓝叶大佬的时候,他才帮我解决了这个问题,也让我对自适应有所了解了

话不多说,看教程

把以下代码放到模版公用style.css文件中


@media only screen and (max-width: 650px) {
.logo{float:none;text-align:center;margin:0 auto}
.search-fr{float: none;margin:0 auto;display:block !important;margin:0 auto;padding-top:1px;}
}
其中logo和搜索框都做了居中,如果不喜欢居中只需要把


.logo{float:none;text-align:center;margin:0 auto}

这段删除就行

其实就一句代码的问题,不会放的参考下图

QQ截图20170829140121.png

本文最后更新于2017-8-29,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

发表评论:

评论列表:

  • 森6 Lv 1

    谢谢大佬

  • windtree Lv 1

    ##私密评论仅博主可见##

    • Young小杰 站长

      回复了windtree:我经历过很多次这种问题,基本上都是js冲突,你检查一下js

    • windtree Lv 1

      回复了Young小杰:谢谢,我来检查一下JS试试

    • windtree Lv 1

      ##私密评论仅博主可见##

    • Young小杰 站长

      回复了windtree:不清楚安全相关

  • Rabbit Lv 2

    你的文章写的太好啦,赞一个回复了[真棒]

  • 艾小七 Lv 6

    小杰终于发了这个教程

  • 手机扫描二维码
    阅读体验更佳