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

媒体范自适应搜索栏优化

Young小杰2017-8-29 13:53网站搭建 (3)1241已提交到百度小标签: 网站优化 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


评论:

Rabbit Google Chrome 55.0.2883.87 非主流操作系统河南省郑州市 联通 2017-12-09 01:03
你的文章写的太好啦,赞一个@[真棒]
艾小七 Google Chrome 55.0.2883.87 非主流操作系统四川省宜宾市 移动 2017-09-10 12:44
小杰终于发了这个教程
Young小杰浙江省宁波市 移动 2017-09-10 22:31
@艾小七:本来就不难

发表评论: