html - 移动端只有 1 个 Div 而不是 100%

标签 html css mobile

所以我正在研究 quick portfolio在移动设备中,“给我发电子邮件”并没有像它应该的那样扩展到整个屏幕,如 this screenshot 所示。 .

我使用数字、百分比、文本值来调整内容宽度、设备宽度等,但没有任何方法可以使此页面变得完美。我重写了代码以使其更清晰,但仍然找不到我的错误。这只是我忽略的东西吗?

您只需查看我的源代码即可获取我的代码,因为 CSS 应该在那里。

更新:我删除了导航填充并更改了所有设备宽度值,但现在导航栏没有完全穿过。我很困惑,因为#navigation 和#mobilecontact 本质上应该具有相同的宽度。我在 iPhone 上使用 Safari。

最佳答案

您能否添加您正在测试的浏览器和版本,因为在最新的 chrome - 开发人员工具中,“给我发邮件”按钮对我来说看起来不错(占据整个宽度)。

可能是你的浏览器不理解100vw

如果您担心“给我发电子邮件” anchor 文本的可点击区域。 您可以将 anchor 设置为 display:block,这样它就会占据整行

关于html - 移动端只有 1 个 Div 而不是 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44667285/

相关文章:

html - 使用 CSS 和单个列表的简单 2 列导航?

javascript - 链接到视频的交互式 gif

javascript - 为什么我的指令没有显示?

android - 从现有后端创建 iOS 或 Android 应用程序

javascript - 使用 globalCompositeOperation 创建渐变 mask

jquery - 可调整的 div 大小

CSS flex-wrap 如何让高度不拉伸(stretch)

javascript - 如何获取div的内容高度

javascript - 如何防止文档主体上的点击事件(可能是 Cordova 中的错误?)

html - 是否可以查看您的 html 和 css 代码在没有实际网站 url 的情况下在移动设备上的外观?