【问题标题】:My sections overflow on other section with mobile我的部分在手机的其他部分溢出
【发布时间】:2016-07-24 07:48:08
【问题描述】:

我在主页上添加了 2 张图片,在浏览器上看起来一切正常,但是当我用手机查看网站时,就像图片溢出在下一部分而不是停留在第一部分。

我在我的 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 样式="1/2"] [ms_image_frame src="http://www.landrycarts.com/wp-content/uploads/2016/03/IMG_4775.jpg" 链接="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" 链接="http://www.landrycarts.com/wp-content/uploads/2016/03/landrycarts-budpatrol-limo.jpg" link_target="_self" class="" id=""][/ms_column] [/ms_row]

我有什么方法可以限制我的第一部分中的这些图片以供移动查看?

My website

【问题讨论】:

  • 你在网站上说的是哪些图片
  • 在移动视图中一切正常
  • 最后一个购物车“芽巡逻”在我的 iPhone 上的“关于”部分溢出
  • 在关于联系部分没有图片之前,我检查了我的 iphone 还给了我图片名称,比如 image.jpg 之类的东西。如果你还没有修复

标签: html css wordpress image overflow


【解决方案1】:

您是否尝试在您的 imgcol-md-6 上设置 max-heightoverflow: hidden;

这里有一个 demo 来说明这一点。

【讨论】:

  • 我在最后改变了首页的设计,但我尝试了你的建议,它解决了我的溢出问题。谢谢!
猜你喜欢
  • 1970-01-01
  • 2021-08-14
  • 2012-06-01
  • 2012-04-26
  • 1970-01-01
  • 2017-11-04
  • 1970-01-01
  • 1970-01-01
  • 2018-07-09
相关资源
最近更新 更多