css - 列在移动设备上显示不正确

标签 css wordpress

我有两张图片,下面有相关段落,在电脑上完美显示:ViewSiteHere - 然而,移动设备上的同一页面将图像移动到彼此下方,从而导致其下方显示不正确的信息。

我试过让每张图片只有 49% 的宽度,但这只会让图片变小,而不是彼此相邻

MobileTest

谢谢

最佳答案

根据文档的流向,当前内容的顺序是:

  1. 图片 1
  2. 图片 2
  3. 图片 1 的描述
  4. 图片2的描述

您需要做的是将“Image-1”和“image-1 的描述”放入 <div> 中元素。这将保持移动端的文本和图像之间的关系

关于css - 列在移动设备上显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37610143/

相关文章:

css - CSS Sprite-maps 的高度/宽度有限制吗?

html - Internet Explorer 降低元素内具有奇数高度的文本

javascript - 如何根据该容器中类父元素的数量将不同的 id 赋予子元素

javascript - 使用包装器按比例调整 div 的大小

CSS 背景图像相对背景颜色固定 z-index

php - 使用 PHP 仅在某些页面上强制使用 SSL

mysql - 大型网站的 WordPress 数据库优化

php - Wordpress 样式表子主题

javascript - Greasemonkey 脚本从 URL 中删除参数

javascript - 使元素出现在最小屏幕尺寸上