我的网站响应迅速。检查了许多不同的浏览器和手机。它工作正常。但问题是，当我检查具有720x1280或更好的原生显示分辨率（屏幕尺寸为5到5.5英寸）的最新手机时，我的网站没有显示在右侧，而是低于内容。这是CSS代码：
git revert我想要除了320像素。因此，百分比为320/1220 = 27.27272727％。如果我放置160px宽度的广告，那么只要最小屏幕尺寸是（160 + 20px填充）/680=26.47058823%（我希望到目前为止我是正确的），广告将正确显示。但它不起作用。我检查了iPhone 6S，三星E5，并且Aside没有以纵向或横向模式显示。除了其他所有内容以及页脚部分之外的其他部分。我明白这是响应的全部要点，但我不明白的是：E5的分辨率为720x1280，而iPhone 6s的分辨率为750x1334。那么，为什么我的媒体查询无法适应它的位置呢？
是否有关于目标设备的屏幕分辨率或屏幕尺寸的响应式网页设计？或者无论设备的分辨率如何，都是一个接一个地放置一个块？请帮我理解。
答案 0 :(得分：2)
来自W3Schools
当您使用CSS和HTML调整大小，隐藏，缩小，放大或移动内容以使其在任何屏幕上看起来都很好时，它被称为响应式网页设计
问题是像素是CSS并不一定对应于屏幕上的物理像素，例如，具有1334x750像素但仅用于CSS的667x375。后者是CSS考虑的，它可能导致您所面临的错误，因为使用了错误的像素数来计算。
查找CSS像素而不是常规像素。屏幕分辨率很重要，但不是响应式Web开发的绝对像素数。希望这会有所帮助：）