Flexible Images

Definition / 释义

“flexible images”常指可伸缩/自适应的图片：在网页或排版中，图片会根据容器或屏幕尺寸自动缩放，以避免溢出、变形或破坏布局（常见于响应式网页设计）。该短语也可泛指“可灵活调整用途/形式的图像”，但最常见的是网页设计语境。

Pronunciation / 发音

/ˈflɛksəbəl ˈɪmɪdʒɪz/

Examples / 例句

Use flexible images so photos fit on mobile screens.
使用可自适应的图片，让照片在手机屏幕上也能正确显示。

By combining flexible images with a fluid grid and media queries, the layout remains readable across a wide range of devices.
将可伸缩图片与流式网格和媒体查询结合，版面就能在多种设备上保持良好的可读性。

Etymology / 词源

flexible 源自拉丁语 flectere（“弯曲、折转”），引申为“可弯曲的、可灵活调整的”；image(s) 源自拉丁语 imago（“形象、图像”）。作为固定搭配，“flexible images”在现代语境中多与响应式网页设计相关，强调图片能随布局变化而缩放。

Related Words / 相关词

• Responsive
• Fluid
• Scalable
• Adaptive
• Breakpoint
• CSS
• Media Queries
• Srcset
• Viewport

Notable Works / 出现于知名作品

• Responsive Web Design（Ethan Marcotte）——在响应式设计的讨论中提到“flexible images”这一核心概念。
• HTML and CSS: Design and Build Websites（Jon Duckett）——在讲解网页布局与图像适配时涉及类似表述与做法。