我有这个site 它在PC的普通浏览器中看起来不错。 但每当我从inspect切换到移动视图时，它看起来像这样 http://azlily.bex.jp/eccube_1/html/
qazxsw poi：qazxsw poi 我应该为网站中的所有组件单独实施媒体屏幕吗？ 如果是，则为什么标题和某些组件适合移动视图。
您不需要为每个存在的项目实现媒体屏幕。诀窍是让它从头开始响应，然后只需对布局进行小的改动，因为如果仍需要它会缩小。例如，请使用此news_area div部分。您将它放在其父容器的中心 - news_contents。但是不要使用固定边距来居中它，你想要添加css，使它即使在缩小时也会保持在中心位置。
例：
2
[注意：这里只需要！important标签来覆盖你现有的一些css。这只是一个粗略的例子，向您展示布局。]
将此添加到您的css中，news_area将始终以其父div为中心，并且始终在任何一侧都有空格。这就是我从一开始就用响应式设计编码的意思。此部分现在不需要媒体屏幕再次更改它，因为它适用于所有设备大小及其原始css。