无需JavaScript即可在HTML中调整图像大小

时间:2016-07-18 01:16:00

标签: html image resize

我使用媒体查询来调整不同断点上的图片大小, 我不想使用JS来调整大小,并希望在html中拥有所有内容,因为我想在网站上使用工艺作为CMS,并希望拥有动态生成的代码,我一直在阅读大量的网站和博客,他们都开始越来越混淆我了..这真是一个聪明的解决方案,使用这样的图片标签:

<bean
        class="org.springframework.beans.factory.config.PropertyPlaceholderConfigurer">
        <property name="location">
            <value>com\cts\resource\constant.properties</value>
        </property>
    </bean>

    <bean id="dataSource"
        class="org.springframework.jdbc.datasource.DriverManagerDataSource">
        <property name="driverClassName" value="${jdbc.driverClassName}" />
        <property name="url" value="${jdbc.url}" />
        <property name="username" value="${jdbc.username}" />
        <property name="password" value="${jdbc.password}" />
    </bean> 

    <bean id="transactionManager"
          class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
        <property name="dataSource" ref="dataSource"/>
    </bean>

我无法弄清楚img方式(setsrc with w等)它从未真正起作用。

2 个答案:

答案 0 :(得分:0)

在使用CSS的HTML中,您可以执行以下操作:

<img src="img/news.jpg" style="min-width:1429px;" />

如果你想进行网页开发,你应该阅读HTML和CSS。

答案 1 :(得分:0)

我使用picturefill作为后备..它工作得很好..如果有人想知道:-)谢谢你们

https://scottjehl.github.io/picturefill/

<picture>
  <!--[if IE 9]><video style="display: none;"><![endif]-->
  <source srcset="img/news.jpg" media="(min-width: 1429px)">
  <source srcset="img/news_m.jpg" media="(min-width: 960px)">
  <source srcset="img/news.jpg" media="(min-width: 460px)">
  <!--[if IE 9]></video><![endif]-->
  <img srcset="img/news_m.jpg" alt="My default image">
</picture>