Bootstrap 4 在三星A30&；上测试的移动设备上未正确显示网站；三星Galaxy S2_Bootstrap 4

Bootstrap 4 在三星A30&；上测试的移动设备上未正确显示网站；三星Galaxy S2

bootstrap-4

Bootstrap 4 在三星A30&；上测试的移动设备上未正确显示网站；三星Galaxy S2,bootstrap-4,Bootstrap 4,我希望这对你来说是一个相当容易修复的问题，但是下面提到的我的网站似乎没有像主题中提到的那样在移动设备上正确显示有问题的网站是请参阅以下使用三星Galaxy S2附带的屏幕截图：我正在为这个网站使用bootstrap-4.3.1，老实说，我有点困惑，到底是bootstrap还是我自己的css样式导致了这个问题：-|，所以如果你需要做更多的疑难解答，请查看网站源代码；-）干杯， Tim K只需增加宽度：100%；在您的图像样式中我使用我的笔记本电脑查看了您的站点，并将引导类img flu

我希望这对你来说是一个相当容易修复的问题，但是下面提到的我的网站似乎没有像主题中提到的那样在移动设备上正确显示

有问题的网站是

请参阅以下使用三星Galaxy S2附带的屏幕截图：

我正在为这个网站使用bootstrap-4.3.1，老实说，我有点困惑，到底是bootstrap还是我自己的css样式导致了这个问题：-|，所以如果你需要做更多的疑难解答，请查看网站源代码；-）

干杯，

Tim K

只需增加宽度：100%；在您的图像样式中

我使用我的笔记本电脑查看了您的站点，并将引导类

img fluid

添加到顶部图像标签，然后将

p-1

类添加到按钮上，这样它就可以放在显示屏上，并且似乎可以工作（至少在笔记本电脑的模拟模式下）

另外，您可以消除img周围的

标记。

我尝试过，但不幸的是，这似乎不起作用。很抱歉，我可能不正确，宽度：100%可能会起作用：-|。非常感谢，但它似乎毕竟起到了作用；-）。再次感谢你的回答，我很感激。

<img class="main-img img-fluid" alt="Resthaven Guesthouse" src="https://www.resthaven.co.za/rhgh/img/Resthaven Guesthouse by Day.jpg" width="420" height="280">

<button class="navbar-toggler p-1" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">