Community Learn Tools Library Leisure

English

Home > Web Front-end > HTML Tutorial > css makes the picture automatically adapt to the width change of the div---solve the maximum width problem_html/css_WEB-ITnose

css makes the picture automatically adapt to the width change of the div---solve the maximum width problem_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:27:52

Original

1420 people have browsed it

Define IMG
img {width:expression(document.body.clientWidth>600?"600px":"auto");
max-width:600px;} //ie6/7
(Qingyuan Webmaster Tutorial NetworkWww.XiuGoo.Com)
img {max-width:600px;} //ff

This article comes from: (Qingyuan Webmaster Tutorial) Net)

My Taobao: http://shop58816553.taobao.com/

Related labels：

css使图片自动适应div的宽度变化---解决最大宽度问题

source：php.cn

Previous article：How to automatically wrap css for block-level elements such as div and p (transferred)_html/css_WEB-ITnose Next article：div displays scroll bar and css code that controls scroll bar properties_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author