如何在所有屏幕分辨率中拟合内容

发布于 2025-02-08 05:58:13 字数 477 浏览 0 评论 0原文

我是CSS的新手目前，我正在工作电影预订应用程序。在这里，我想适合屏幕尺寸内的座椅容量，但它超越了屏幕。我想将所有座椅（行和柱）放在屏幕的侧面。在此处输入图像描述

这是我尝试增加宽度的方式

，但不是在这里不工作

.booking-row {
    max-width: 100%;
    overflow-x: auto;
}

，您可以找到示例代码 https://jsfiddle.net/8qya5ef3/1/1/

任何人都可以帮我吗

原文

i'm new to css,
currently i'm working movie booking app.
here i want to fit the seat capacity inside of screen size but its going beyond the screen. i want to keep all the seats (rows and column) in side of the screen.
enter image description here

this is how its showing

i tried to increase the width but it isn't not working

.booking-row {
    max-width: 100%;
    overflow-x: auto;
}

here you can find the sample code https://jsfiddle.net/8qya5ef3/1/

can anyone help me in this

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

掩耳倾听 2025-02-15 05:58:13

.booking-row {
  background: url('https://i.sstatic.net/rVSVL.png') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.booking-row {
  background: url('https://i.sstatic.net/rVSVL.png') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

回复收藏 0 原文

~没有更多了~