媒体范自适应搜索栏优化

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

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

话不多说,看教程

把以下代码放到模版公用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}

这段删除就行

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小程序·云开发专栏

小程序的底层框架

原文链接:https://godbasin.github.io/2018/09/02/wxapp-technology-architecture/

33220
来自专栏微信小程序开发

小程序授权逻辑如何更改为button形式

61990
来自专栏WeTest质量开放平台团队的专栏

面向亿万级用户的QQ一般做什么?——兴趣部落的 Web 同构直出分享

本文的目的在于解决两个问题:1、 部落是怎样从一个纯前端项目改造成同构直出项目的。2、在访问量这么大的情况下,如何保证直出服务的可用性的问题。

40700
来自专栏SEO

SEO新手必知50个SEO术语词解释

462120
来自专栏Fred Liang

做好 Loading 设计

在前端产品中,我们无法保证用户的网络情况,也很难去从最末端节点优化自有网络部署。 这些或多或少地都会反映到用户端的加载延迟。

14720
来自专栏伪君子的梦呓

不用 ps 都可以获得双色调图片

16960
来自专栏应用案例

小程序优化36计

本文偏技术,可能较枯燥,阅读完大概需要 15分钟 微信小程序转眼上线将近一年了,提供了接近原生App的使用体验,加上一年来不断释放新的能力,获得的关注越来越多。...

83280
来自专栏刘勇刚的专栏

鸟瞰前端 , 再论性能优化

从事前端有 6 年+的时间了,我现在将自己这些年的一个心得体会来个系统性的梳理写成一篇关于性能优化的主题文章,希望对大家有点帮助,也欢迎大家提出各种意见和建议。

54010
来自专栏吴裕超

浅析前端渲染与服务端渲染

背景知识:   「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制;   「前端渲染」指使用 JS 来渲染页面大部分内容,代表是现在流行的 SPA ...

1.1K40
来自专栏静晴轩

开箱即用的 Vue Webpack 脚手架模版

27950

扫码关注云+社区

领取腾讯云代金券