css兼容pc和m |css里如何让图片靠下

在CSS中主流的移动端和PC端的兼容方案有响应式布局和分离式布局。

/* 响应式布局 */
@media screen and (max-width: 768px) {
/* 缩小屏幕显示效果 */
}
@media screen and (min-width: 768px) {
/* 普通电脑屏幕显示效果 */
}
@media screen and (min-width: 1200px) {
/* 大屏幕电脑屏幕显示效果 */
}
/* 分离式布局 */

上面两种方式都能达到兼容PC和M端的目的，只不过响应式布局需要使用@media查询，而分离式布局则需要多个CSS文件。

虽然两种方案都能实现兼容PC和M端的效果，但是在实际使用时，还需要注意以下几个问题：

• 响应式布局需要关注不同屏幕下的像素密度、不同设备下的效果等，可能需要调整多次。
• 分离式布局需要注意在不同设备下要使用正确的CSS文件。
• 两种方案都需要在设计时考虑不同屏幕或设备下的交互、字体大小等，避免在小屏幕设备上显示不全或者字体过小。

综上所述，对于兼容PC和M端的网页，在选择响应式布局或分离式布局时，需要根据自己的情况进行选择，并且要注意以上问题，保证在不同设备下的网页显示效果更佳。