响应式网页设计（3）

响应式网页要求设计出来的网页在不同的显示设备（如大屏、普通电脑端、手机端、平板电脑端）都能自适应显示。这就要求设计软件具备响应式网页设计的能力。金蜘蛛网页设计器对响应式网页设计支持非常好，无需要写任何HTML代码就能实现。本文介绍一种利用金蜘蛛网页设计器实现响应式网页设计的方法，非常简单实用。上一节说到了Div面板的响应式设计，本节讲图片、文本框的响应式设计。

三、图片、文本框的响应式设计

1.图片的响应式设计

一般在电脑端浏览器显示图片，由于分辨一般比较大，都会尽量显示原图片大小，如果显示不了原图大小也会尽量按比例缩小到一个体验比较好的大小。这样一张大小的图片到了手机、平板电脑分辨比较小的设备显示如果还按电脑浏览器设计的大小显示，就可能会显示不全了。如果在这些移动设备下图片能自动缩