【问题标题】:Problem in responsiveness of my portfolio我的投资组合的响应能力问题
【发布时间】:2020-06-08 16:51:57
【问题描述】:

我只是怀疑网站的响应能力。

在开发我的作品集时,我遇到了一些困惑。在我的 chrome 浏览器中,当我编写响应性(媒体查询)时,缩放百分比为 50%。我没有注意到,我将我的投资组合调整为 1300 像素、1500 像素、1800 像素和大于 1801 像素。并且输出很好。

仅完成后,我发现浏览器缩放级别为 50%。当我将缩放级别提高到 100% 时,一切都变得更加庞大和尴尬(正如预期的那样)。

我只想知道是否必须将整个代码更改为 100% 缩放级别 ????我的天啊 !!!!这是一项乏味的任务。

请说“你不需要做那个孩子,还有另一种方法!!!!” 如果你们这么说我会更高兴

【问题讨论】:

  • 请提供一些代码。如果没有给出代码,这是无法解决的。谢谢。
  • 这不能用代码解决..问题是..我的浏览器级别缩放百分比是 100%,但是当我去开发工具(响应式设计模式)时,有一个缩放部分说 52%,如果我点击它并选择 100%,它不会显示 4k 显示器布局。 (我明白,因为我的显示器很小,它正在调整缩放百分比)......但是......
  • 如何测试 52% 缩放级别的 2000px 响应?
  • imgur.com/w8mxIDD .....见上图... 52%
  • 在下面查看我的答案...这是否回答了您的问题?

标签: html css responsive-design


【解决方案1】:

@media and (max-width: 1800px) and (min-width: 1300px){
html{
min-width: 100%;
}
   }
这可能会有所帮助。

【讨论】:

  • 如果我给50%,没有变化
  • 这只是意味着当您的浏览器在 1300 到 1800 像素之间时,您的所有内容将是 100% 宽度。
  • 我只是把它改成了 50% 的宽度,它不会影响任何东西。
  • 好的,那我可能误解了你的问题。请提供一些代码。这会有所帮助
【解决方案2】:

要做你想做的事,只需改变那里的设备。

要执行您想要执行的操作,请单击“检查”,然后单击元素旁边的小电话图标。然后,如果您再往左走,您将看到您正在查看的设备宽度和高度可以更改。您还可以更改百分比。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-05-29
    • 2021-02-10
    • 2020-02-15
    • 2012-12-05
    • 2011-11-16
    • 1970-01-01
    • 2021-05-13
    相关资源
    最近更新 更多