html - 图片在响应式设计中没有正确对齐

标签 html css responsive-design blogger responsive-images

我开发了一个响应式网站设计。这是secondgf .在我的一篇帖子中,我将所有图片都安排在了中心位置。它在桌面上工作正常,所有图像似乎都正确对齐在中心,但是当我在移动设备上打开它时,所有图像都会右对齐。 enter image description here我以前写的帖子也有居中对齐的图像,它在移动设备和桌面设备上都能完美运行。这是工作岗位- secondgf.com我试图弄清楚帖子有什么问题,但没有运气。它托管在博客上。

最佳答案

问题不在于图像,而在于包含的元素,在此示例中为元素“a”。这有 1em 内联边距,删除它们,图像将不会移动;)

enter image description here

关于html - 图片在响应式设计中没有正确对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35970801/

相关文章:

javascript - 使用事件监听器编辑媒体查询 CSS

python - Dash 中的布局和下拉菜单 - Python

css - Bootstrap 进度条 - 无法用我自己的代码重新创建

html - 图像后幻影 'padding'

jquery - 停止用作背景的书面文本推送内容

php - 当我按下“删除”按钮时从 MySQL 表中删除行

javascript - "' javascript 中的 toggleRow ' is not defined"。找不到我的函数或错误消息为 'defined' sais

html - 如何处理只包含绝对定位子元素的元素?

css - 调整大小时 Firefox 中背景图像下的闪烁线

css - 媒体查询移动菜单和普通菜单