【问题标题】:Black bars appearing in select box in tablet view平板电脑视图的选择框中出现黑条
【发布时间】:2016-02-18 15:40:08
【问题描述】:

我的网页中有一个下拉菜单,它在浏览器中运行良好。当我签入 chrome 模拟器或实际设备时,我会在里面看到黑条。 即使这样,该功能也可以正常工作。它在移动或平板电脑视图中存在一些渲染问题。任何帮助将不胜感激。

 <select >
    <option>1</option>
    <option selected>2</option>
    <option>3</option>
    <option>4</option>
    </select>

【问题讨论】:

  • 请分享您的代码...
  • 简单的选择框。检查编辑
  • 我刚刚在 chrome 手机/平板电脑模拟器中检查了几个不同的网站,其中大部分都出现了这些黑条。这是默认行为还是什么?
  • 我的桌面浏览器和手机浏览器工作正常,但在 chrome 模拟器中无法正常工作,我认为这是 chrome 模拟器问题。
  • 你可以查看这篇文章来解决同样的问题:stackoverflow.com/questions/1381175/…

标签: html css


【解决方案1】:

它只显示在模拟器或所有浏览器中

如果它在所有浏览器中显示因为页面中的某些 css 转换或 javascript 代码会这样做。

尝试将css和javascript一一去掉,测试页面

如果它只是在模拟器中,您的页面及其来自 emualtor 的页面没有问题,您可以使用 chrome 或 firefox 响应式站点工具中的一些插件来尝试不同大小的页面

【讨论】:

    猜你喜欢
    • 2021-06-11
    • 2015-10-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-24
    • 2017-04-21
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多