要实现PC网页自动适配手机网页，可以采用响应式设计或者媒体查询的方式：
1. 响应式设计：使用CSS3的媒体查询功能，根据设备的屏幕宽度，调整网页的布局和样式。可以为不同的屏幕宽度设置不同的CSS样式，并使用@media规则将其应用到特定的屏幕尺寸。
2. 媒体查询：在HTML文档中插入`<meta>`标签，并设置其属性`viewport`为`width=device-width, initial-scale=1.0`，使网页以设备的宽度为基准进行布局。然后使用CSS的媒体查询功能，根据不同的屏幕宽度设置不同的样式。
下面是一个示例：
“`html
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
body {
font-size: 16px;
}
@media (max-width: 600px) {
body {
font-size: 14px;
}
}
“`
在以上示例中，针对不同的屏幕宽度，设置了不同的`font-size`样式，以调整网页的字体大小。
通过以上方法，可以使PC网页自动适配手机网页，并在不同的屏幕尺寸下展现更好的用户体验。
未经允许不得转载：跨屏互联 » 如何使用响应式图片实现PC网页自动适配手机网页？
