代码之家  ›  专栏  ›  技术社区  ›  Stefan0309

如何在HTML画布中的移动分辨率上添加另一个图标

  •  0
  • Stefan0309  · 技术社区  · 5 年前

    我有一个模板来自一个叫做Canvas的themeforest( version 5.1 )现在我正在探索,我想添加语言而不是这些图标

    normal size window ,

    我只想用“EN”和“ES”替换搜索图标,但在移动分辨率上,我只看到一个这样的图标:

    mobile sized window

    我如何能够预览两个图标,两种语言?

    以下是对我的测试项目的访问:

    Test repo 我添加了双图标搜索 请点击index.html

    更新: 以格雷西亚先生的礼貌,这里是我的标题不太好的预览,如果我加上 style="left:10px"

    example

    我想一个接一个的搜索图标,就像在大屏幕上一样。

    1 回复  |  直到 5 年前
        1
  •  0
  •   Xenio Gracias    5 年前

    在移动设备上,两个图标都放置在彼此的顶部,将下面的代码添加到图标中的任何一个。谢谢

    1. 添加类 icon 到图标的1。

    2. 在css文件中添加以下代码。

      @介质(最小宽度:334px) {顶部搜索i.icon{左侧:-45px}

      }

      @介质(最小宽度:992px){ . #顶部搜索i.icon{左侧:-45px} }