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媒体范自适应模板手机访问显示搜索栏教程》