时间戳

首页 > 解决方案 > 移动可用性：需要帮助修复“文本太小……”和“可点击元素太近……”

html - 移动可用性：需要帮助修复“文本太小……”和“可点击元素太近……”

问题描述

我使用简单的 HTML 和内联 CSS在这个域 Bullrundistributor.com 上创建了一个网站，因为我只是这整个事情的新手。从菜单访问的网页在桌面上看起来不错，但在移动设备和平板电脑上却远非理想。我在 W3Schools 上尝试了一些响应式页面创建建议，但我仍然不确定为什么在我的 Google 控制台移动可用性页面上出现这些错误：

我非常感谢有人在这方面的帮助，因为在经历了这么多的试验和失败之后，这让我很痛苦。

由于我是新手，请让我知道我应该分享有关此问题的更多信息。

标签： htmlcss

解决方案

  1. 你应该使用<meta name="viewport" content="width=device-width, initial-scale=1.0">
  2. 使用媒体查询并写入屏幕的最大宽度以获得样式
@media screen and (max-width: 750px) { 
     div { 
        font-size: 20px;
    }
}

  • 或者你可以使用引导程序

  • 如果您需要更多帮助，您可以为错误提供一些代码和图像

推荐阅读