一些响应性 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;
对我有用。当然,您可以根据需要增加该值。
原因:浮动选项对于那些元素来说是有问题的,因为块没有合适的高度并且块明显地相互浮动。您可以为它们附加相同的高度以固定浮动动作。
我制作了这个 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;
对我有用。当然,您可以根据需要增加该值。
原因:浮动选项对于那些元素来说是有问题的,因为块没有合适的高度并且块明显地相互浮动。您可以为它们附加相同的高度以固定浮动动作。