如果屏幕更改为移动设备之类的小屏幕,则将div更改为全屏显示

问题描述 投票:-1回答:2

我真的很努力地阐明我正在努力实现的目标,请对此忍受。

我在页面的左侧和侧面都有一个小“部件”。在较大的屏幕上可以正常工作。

例如,小部件的样式为300px宽。

但是,如果我在移动设备上加载页面或缩小窗口,则该窗口将变得很小。如果观察到“较小”的视图空间,如何自动将宽度从300px更改为100%?]

因此,我缩小窗口,它会突然跳到100%宽而不是300px? (或类似)

有什么想法吗?

对不起,如果我还没有解释清楚。我已经用谷歌搜索了,没有什么能真正实现我的目标的..也许我没有在寻找正确的词。

欢呼声

我真的很想表达我要达到的目标,请忍受这一点。我在页面的左右两侧都有一个小“部件”。在较大的屏幕上可以正常工作。例如,...

html css fullscreen viewport
2个回答
1
投票

[您要说的是“如何使我的网站具有响应能力?”。您可以使用CSS Media Queries进行操作。检查链接和谷歌以获取更多信息。


0
投票

显然,您正在使用CSS单元“ px

© www.soinside.com 2019 - 2024. All rights reserved.