如何在 HTML 中移动优化我的滑块的大小？

Posted 2023-03-06

【中文标题】如何在 HTML 中移动优化我的滑块的大小？

【英文标题】：How to mobile optimize the size on my slider in HTML?

【发布时间】：2013-03-29 15:30:48

【问题描述】：

我有一个名为 www.ellaror.se 的 wordpress 网站 在第一页上，您可以看到一个正在工作并覆盖“内容”div 的整个宽度的滑块。

但是当我在手机上浏览网站时，它会变小但不是滑块，它仍然是 1000 像素宽度。

这是我自己添加的 CSS，因为我希望滑块更宽一点，这样它会覆盖整个页面并稍微向左和向上：

#soliloquy-container-268 
margin-top: -100px;
width: 1000px;
margin-left: -76px;

我们的 html 中也有这个 CSS 代码 sn-p (#soliloquy-container-268)：

style="max-width: 1000px; max-height: 300px;"

我知道滑块不会变小，因为我已经给了它width:1000px;，但是有什么聪明的方法可以使滑块覆盖整个内容页面，并在您浏览它的同时变小你打电话吗？

【问题讨论】：

不确定，但this question 可能是相关的。

【参考方案1】：

给滑块这个 CSS 值 -

#soliloquy-container-268 
    max-width: 1000px;
    width:100%;

【讨论】：

感谢您抽出宝贵时间回答我！问题是它不起作用，因为滑块周围有一两个 阻止它覆盖整个宽度。你能看到吗？