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}

原创:杨小杰博客


本文最后更新于2017-9-3，已超过一个月没有更新，如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢！