手机上网站图片未以完整尺寸显示

1. 使用响应式设计让网站在手机上呈现的时候自适应屏幕大小，确保图片会被正确缩放以适应屏幕；

2. 使用 viewport 标签来规定可视区域的大小，防止图片在手机端显示不完全；

3. 对图片进行响应式设计，采用 srcset 和 sizes 属性来自动选择最优的图片尺寸；

4. 在 CSS 中使用 max-width 规则来限制图片的最大宽度。例如：

   img { max-width: 100%; height: auto; }

以上方法中，使用 viewport 标签进行设置是最常见的一种做法。代码示例如下：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这个代码片段将视口宽度设置为设备的宽度，确保网页被正确地缩放和显示。