google的实现方式是:

<div class="mw">

  <a href="/" id="mlogo">  </a>

  <div id="tsfi" style="zoom:1"></div>

</div>

图片可以作为a标签的背景或者嵌套子a标签里面,为a标签设置绝对定位,右面搜索框为正常块,为右面的搜索框设置margin-left即可

具体如下,也可直接去看google搜索页

.mw{

  max-width:100%;

}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi)
 

#mlogo {

  background-image: url(/images/logo_mobile_srp_highres_3.png);

}
#mlogo {
  background: url(/images/logo_mobile_srp_3.png) no-repeat;
  background-size: 75px 26px;
  color: transparent;
  width: 75px;
  height: 26px;
  left: 9px;
  position: absolute;
  text-align: center;
  top: 8px;
}
#tsfi {
  margin-left: 102px;
  -webkit-transition: all .15s;
}

最新文章

  1. EZchip将推全球首款100核64位ARM A-53芯片
  2. Java代码常用写法总结
  3. Xcode 8
  4. nginx地址重写
  5. Who&#39;s in the Middle 分类: POJ 2015-06-12 19:45 11人阅读 评论(0) 收藏
  6. 2014-9-17二班----6 web project
  7. c#开发Mongo笔记第一篇
  8. Struts2技术内幕-----第七章
  9. PHP MySql数据库访问
  10. oracle 提示口令失效解决方法
  11. Python网络编程——设备名和IPv4地址
  12. HBase性能测试
  13. 使用face_recognition批量识别图片中的人数
  14. 小程序实践(十):textarea实现简单的编辑文本界面
  15. drf版本控制 和django缓存,跨域问题,
  16. es6 class中责任链模式与AOP结合
  17. 【C语言】数组名传递给函数,数组的sizeof变为4的原因
  18. 洛谷P1040 加分二叉树【记忆化搜索】
  19. python---补充django中文报错(1),Django2.7使用sys.setdefaultencoding(&#39;utf-8&#39;),以及使用reload(sys)原因
  20. 前端基础之:JQuery(可编辑版)

热门文章

  1. ASP.NET MVC深入浅出(被替换) 第一节: 结合EF的本地缓存属性来介绍【EF增删改操作】的几种形式 第三节: EF调用普通SQL语句的两类封装(ExecuteSqlCommand和SqlQuery ) 第四节: EF调用存储过程的通用写法和DBFirst模式子类调用的特有写法 第六节: EF高级属性(二) 之延迟加载、立即加载、显示加载(含导航属性) 第十节: EF的三种追踪
  2. python easy install时,使用aliyun阿里云镜像提示主机名不匹配的问题
  3. Nginx + uwsgi 时,替换路径。
  4. IIS中使用ASP.NET MVC的经验总结
  5. 使用MongoDB 记录业务日志
  6. Objective-C 的动态提示和技巧
  7. PHPstudy如何在本地搭建多站点
  8. Android Studio报Error:Execution failed for task &amp;#39;:Companion:preDexDebug&amp;#39;.
  9. 高仿微信app (含有发红包,聊天,消息等)用到 Rxjava+Retrofit+MVP+Glide技术
  10. Paint的setPathEffect(PathEffect effect)、以及Path的具体使用,收益多多!