一些响应性 css 问题

Some responsive css issues

我制作了这个 wordpress 主题,但我需要一些 css 问题的帮助。

1- Center on mobile

http://www.hekim.deniz-tasarim.site/

通常,我知道我们必须在这里给出具体的代码才能得到help.However,我不能给出具体的代码,因为我不知道如何修复it.I尝试了一些方法,但我无法做到我想要什么

主页上有我们的部门部分,您可以通过搜索我们的部门找到它。

该部分有图片。

在移动设备屏幕中(Iphone5 - 320x568 像素/Iphone 6 - 377x667),图片不centered.I想要在移动设备屏幕上居中。

2- Broken align for tablets

为什么在 homepage.In 那个部分选择我们,有一些元素是由 bootstrap 3 制作的 col-md-4 。在 Ipad 屏幕(1024x768 像素)中,医疗咨询。在我等待时,元素单独显示在一行中,它似乎与 Outdoor Checkup 显示在一行中。和康复。

什么原因导致对齐中断?

第一个问题的答案是:

找到包含问题 img 元素的 col class 组的上部元素,并将 text-align: center; 添加到包含 col 的元素classes.

原因:您的 col classes 就像一个块元素。这些块元素可以使用 text-align.

对齐

第二个问题的答案是:

"Why Choose Us?" 元素有 .icon-box class。你可以给他们最小高度。使用 min-height: 300px; 对我有用。当然,您可以根据需要增加该值。

原因:浮动选项对于那些元素来说是有问题的,因为块没有合适的高度并且块明显地相互浮动。您可以为它们附加相同的高度以固定浮动动作。