【问题标题】:Container's height doesn't be exact as on my screen容器的高度与我的屏幕上的不完全相同
【发布时间】:2018-03-29 08:20:05
【问题描述】:

几个月前我刚刚开始网络开发,我设计了我的网站。你可以看看:WEBSITE

我屏幕上的容器高度与其他计算机屏幕上的不同。我知道这是由于屏幕高度。但我希望我的网站看起来与我在其他屏幕上的屏幕一样。所以我的问题是如何做到这一点。这是我的屏幕截图:

我注意到当我在一些朋友的笔记本电脑和电脑上打开我的网站时,容器的高度不同,但实际上并没有什么不同。它的屏幕分辨率。因此,为此寻找解决方案。

【问题讨论】:

  • 分享一些css和html等
  • 请参阅stackoverflow.com/help/mcve 以了解您的问题不适合的原因。
  • 在您的 CSS 中,尝试position: absolute;min-width: *resolution*; 以获得最佳效果。希望这有帮助!
  • 您还应该指定“看起来一样”是什么意思。在屏幕百分比或屏幕对齐或像素大小方面是否意味着相同......?
  • “但我希望我的网站看起来与我在其他屏幕上的屏幕一样。” 这并不总是可以实现或理想的结果。你会用一生去追逐你的尾巴。而是考虑responsive web design

标签: javascript jquery html css angular


【解决方案1】:

我查看了您网站的代码以及您拥有 250 像素高度和 33% 宽度的容器。您的图像设置为具有 100% 的宽度和高度,并且溢出设置为隐藏。这意味着您的图像将根据屏幕分辨率进行拉伸和收缩。你想要的是 width: 100% 和 height: auto on images。并且图像周围的容器不应溢出:隐藏和高度:250px。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-06-10
    • 2018-09-03
    • 2011-10-04
    • 1970-01-01
    • 2020-06-08
    • 2015-09-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多