我的部分溢出到移动设备的其他部分
My sections overflow on other section with mobile
我在我的主页上添加了 2 张图片,在浏览器上一切看起来都很好,但是当我用我的 phone 检查网站时,它就像是图片溢出到下一节而不是停留在第一节.
我在 html 中为图片添加了以下代码:
[ms_divider style="blank" align="left" width="100%" margin_top="30px" margin_bottom="0" border_size="" border_color="" icon="" class="" id=""]
[ms_row no_padding="yes"]
[ms_column style="1/2"]
[ms_image_frame src="http://www.landrycarts.com/wp-content/uploads/2016/03/IMG_4775.jpg" link="http://www.landrycarts.com/wp-content/uploads/2016/03/IMG_4775.jpg" link_target="_self" class="" id=""][/ms_column]
[ms_column style="1/2"] [ms_image_frame
src="http://www.landrycarts.com/wp-content/uploads/2016/03/landrycarts-budpatrol-limo.jpg"
link="http://www.landrycarts.com/wp-content/uploads/2016/03/landrycarts-budpatrol-limo.jpg"
link_target="_self" class="" id=""][/ms_column] [/ms_row]
有什么方法可以限制第一部分中的这些图片以供移动设备查看?
您是否尝试过在 img
parent col-md-6
上设置 max-height
和 overflow: hidden;
?
这是一个 demo 说明。
我在我的主页上添加了 2 张图片,在浏览器上一切看起来都很好,但是当我用我的 phone 检查网站时,它就像是图片溢出到下一节而不是停留在第一节.
我在 html 中为图片添加了以下代码:
[ms_divider style="blank" align="left" width="100%" margin_top="30px" margin_bottom="0" border_size="" border_color="" icon="" class="" id=""] [ms_row no_padding="yes"] [ms_column style="1/2"] [ms_image_frame src="http://www.landrycarts.com/wp-content/uploads/2016/03/IMG_4775.jpg" link="http://www.landrycarts.com/wp-content/uploads/2016/03/IMG_4775.jpg" link_target="_self" class="" id=""][/ms_column]
[ms_column style="1/2"] [ms_image_frame src="http://www.landrycarts.com/wp-content/uploads/2016/03/landrycarts-budpatrol-limo.jpg" link="http://www.landrycarts.com/wp-content/uploads/2016/03/landrycarts-budpatrol-limo.jpg" link_target="_self" class="" id=""][/ms_column] [/ms_row]
有什么方法可以限制第一部分中的这些图片以供移动设备查看?
您是否尝试过在 img
parent col-md-6
上设置 max-height
和 overflow: hidden;
?
这是一个 demo 说明。