手机端网页遇到的问题

Question

代码学习拉下很长一段时间没有实操了 于是乎 决定撸一个以前拖的作业练练手.....

结果刚开始就遇到这破事  调试半天弄不出来

网页设计稿是这样的

问题是这样的，把屏幕拉到最大化的时候是似乎是正常的。

然后试着把屏幕缩小一点  文字就会和右边的导航出现偏差了.....这里先不管导航为什么是用图片做的（因为我还不会做导航）

然后上我的代码

HTML

css

Answer 1

因为你的img不是用行高定位置的，你用的是margin-top，所以图片并不是垂直居中的。屏幕缩小后就更明显了。望采纳