欢迎访问覃师宁博客!

帝国cms使用手册

覃师宁博客

qinshining.com

网站图片如何实现根据屏幕大小变化而不拉长缩短

在模板设计开发过程,往往会涉及到PC端与手机端响应式布局的问题,那么网站图片如何实现随着屏幕大小变化而不拉长缩短。

其实很简单,只需要对网站css样式中写入

  • img { display: inline-block; max-width: 100%; height: auto; }

当然,有时候为了需要,在写css代码前也会对图片img进行重置样式

如果对css样式重置不明白的,可查看文章:什么是css样式重置,css重置样式的目的是什么

 

 

如果您觉得文章对您有所帮助,请不妨点赞,打赏,或者在评论区说出你的想法!

  • 人觉得很有价值

  • 打赏

    请不妨打赏支持一下

  • 没有

    人觉得价值一般

  • 感谢您的支持,我会继续努力的!
    扫码支持
    支付宝扫一扫,向我打赏

    文章评论

    人参与,共有 0 条评论

    为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

    微信订阅号