覃师宁博客在模板设计开发过程，往往会涉及到PC端与手机端响应式布局的问题，那么网站图片如何实现随着屏幕大小变化而不拉长缩短。
其实很简单，只需要对网站css样式中写入
- img { display: inline-block; max-width: 100%; height: auto; }
当然，有时候为了需要，在写css代码前也会对图片img进行重置样式
如果对css样式重置不明白的，可查看文章：什么是css样式重置，css重置样式的目的是什么
网站图片如何实现根据屏幕大小变化而不拉长缩短
感谢您的支持，我会继续努力的!
支付宝扫一扫,向我打赏
版权：《网站图片如何实现根据屏幕大小变化而不拉长缩短》一文由覃师宁博客（qinshining.com）原创版权所有，禁止一切形式采集/转载，如需转载请联系站长！
