汐岑小窝

  • 首页
  • 网络资源
  • 技术教程
  • 软件工具
  • 网站源码
汐岑小窝
一个零零后的博客小窝
  1. 首页
  2. 技术教程
  3. 正文

emlog媒体范自适应模板手机访问显示搜索栏教程

2017年9月3日 876点热度 0人点赞 1条评论

IMG_20170903_163927.jpg

很早就发现手机页面没有搜索框了,后来才知道因为模板开发的时候作者就没有考虑到手机方面的问题,所以一直都没有搜索功能,博主的模板也是emlog媒体范这个模版自适应的,然后今天给大家出这个搜索框手机端自适应访问时怎么才能显示出来呢?

这个问题想起了我第一次接触自适应代码,那是看到媒体范这个模版自适应到手机版时搜索框就不在了,好奇心的驱使下,找了很多和我一样模板的大佬然后就开始仿。
教程:

把以下的代码复制放到模版文件夹公用的/style.css 文件里面(列如)

a51d3c0f7d40172510b11fa1e6b6199b.jpg

 @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}

原创:杨小杰博客

标签: EMLOG 媒体范 搜索框
最后更新:2017年9月3日

汐岑君

这个人很懒,什么都没留下

打赏 点赞
< 上一篇
下一篇 >
分类
  • SEO优化
  • Special
  • 技术教程
  • 文章广告
  • 杂文语录
  • 网站源码
  • 网络资源
  • 软件工具
归档
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2019年12月
  • 2019年5月
  • 2019年4月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年12月
  • 2017年11月
  • 2017年10月
  • 2017年9月
  • 2017年8月
  • 2017年7月
  • 2017年6月
  • 2017年5月
  • 2017年4月

COPYRIGHT © 2021 汐岑小窝. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

赣ICP备19000739号-2