【发布时间】:2014-02-23 17:49:47
【问题描述】:
我有一个非常基本的 HTML 网站,其中显示的图像使用以下代码:
<center><img src="style/images/istress.jpg" height="400" width="400" alt="photo by Kristin" class="attachment" /></center>
是否也可以针对移动设备优化图像?目前,当我通过 Safari 移动浏览器访问该网站时,它们会被拉伸/倾斜。不确定我是否能够仅使用 HTML 设置其他尺寸。
【问题讨论】:
-
使用 CSS 代替 HTML 宽度属性 -
img{max-width:400px;width:100%}-> JSFiddle -
您可能想阅读有关 CSS @media 查询的信息。这很有趣。
标签: html mobile-website image-size