我正在尝试将占位符图标插入到 select2 输入字段中。
在桌面上查看:
在手机上查看:
这是我用来使用 unicode 集成 font awesome 的代码,用于将图标放置在输入字段中。
jade(我在其中初始化 select2 的元素)
#tags.icon(type="text", name="tags", placeholder= " tags...")
和CSS
.select2-input, #searchPosts
font-family 'FontAwesome'
奇怪的是,当我点击输入字段,输入然后清除输入,然后点击外部时,标签图标正确显示。但它在加载时显示不正确。
最佳答案
Font Awesome 和其他图标网站经常在各种不同平台上存在兼容性问题。如果出现 unicode,您应该有备用选项 - 例如 sprite。
移动浏览器编码通常与网页版浏览器不同。
有很多方法可以处理这个问题,这篇文章是一个很好的起点: http://www.creativebloq.com/app-design/icon-fonts-in-apps-21410734
关于html - 为什么 font awesome unicode 图标在 select2 输入占位符中在移动设备上显示困惑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24566019/