`

用百分比设置图片的高宽

    博客分类:
  • css
 
阅读更多

http://www.w3cschool.cn/t8640.html?f=csse_dim_height_percent

网站上看到这个例子,不明白为什么图片高度50%反而比原图要大。

查阅资料后,原因如下:

百分比是相对于父元素的,例子中父元素的高度是多少图片的高度就是其的50%,这样一来就明了了。

谢谢:http://www.web589.com/posts/1189.html

分享到:
评论

相关推荐

    图片无损压缩

    照片无损压缩软件能将一个文件夹下所有图片进行同时压缩,可以按百分比...3、缩略图设置:百分比、指定高、指定宽、指定高宽 4、当前所选图片张数显式 5、点击[生成缩略图]后,现实生成成功,即可在指定路径查看图片

    纯Css实现Div高度根据自适应宽度(百分比)调整

    然而,用的最多的标签一哥Div却不能做到自动调整(要么从父级继承,要么自行指定px,要么给百分比!但是这个百分比是根据父级的高度来计算的,根本不是根据元素自身的宽度,那么就做不到Div的宽高达成一定的比例=-=...

    C#图片压缩工具源代码(修改版)

    5 图片按比例压缩(原图片百分比); 6 自定义图片存储路径; <br>【注意】本代码紧供参考,如有好注意,新思路,新方法,请联系本人,本人联系方式: QQ:280820560 MSN:grearo@live....

    关于自适应屏幕方向和大小的一些经验.doc.zip

    使用百分比单位而不是固定像素可以帮助实现这一点。 4. **断点管理**: 在设计过程中,设定特定的断点有助于确保在特定屏幕尺寸下内容能正确显示。这些断点通常是针对常见设备尺寸,如手机、平板和桌面电脑。 5. **...

    Web页面设计规范.doc

    - **固定像素与比例设置**:如Head和Foot的高度通常以固定像素设定,而宽度按百分比设定;Sidebar的宽度基于Content的黄金分割比例,高度按比例设定;Content的高宽均按比例设定;Menu的配置与Head相似。 5. **...

    精易模块---用于网页操作及其它功能的易语言模块

    网页_缩放 说明:放大或缩小网页视图成功返回放大后的百分比 网页_替换选中内容 说明:替换网页上选中的文本 网页_跳转 说明:在本窗口跳转到指定的网址 网页_写入Cookie 说明:往当前网页写入Cookie 网页_...

Global site tag (gtag.js) - Google Analytics