html - 小型设备或窗口上屏幕右侧的空白区域

标签 html css responsive-design

我的网站遇到问题,当我将窗口大小调整到宽度:450px 时会出现一些空白,并且窗口的空间变小。这在某些手机上确实是一个问题。但是,我需要向右滚动才能在 pc 上的 firefox 或 chrome 上看到该空间。最糟糕的是,我手机的 native 浏览器没有空间...(android)。

网站:start-track.fr

虽然是法语,但我们都说同一种语言:HTML 和 CSS。 :)

代码非常大,所以如果它确实有帮助,我会编辑它。

编辑: 截图:
blank space on right side

最佳答案

更改媒体样式表中的宽度:

@media screen and (max-width: 550px)
#copy {
    height: 12%;
    bottom: 10px;
    width: 178px;
    left: calc(50% - 75px);
}

关于html - 小型设备或窗口上屏幕右侧的空白区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34284976/

相关文章:

javascript - 我不明白为什么计数器在一个按钮上起作用而在另一个按钮上不起作用

php - 获取组合框中的数据

html - 防止下拉菜单在没有 JavaScript 的情况下隐藏

css - 响应式 CSS 设计,显示 Adsense 广告 :none

html - 无法使用 SQLi 连接方法将数据插入 SQL

jquery - 我可以将 2 'types' 添加到表单输入元素吗?

javascript - 为不同的浏览器使用不同的样式表?

css - Devise 不加载自定义 CSS

css - iPad 的 Safari 媒体查询

以百分比设置的 HTML/CSS 图像尺寸在 Safari 中无法正确显示