开始采用js，获取屏幕宽度，按宽高比来设置图片大小。
var wid = window.screen.width;
wid = wid * 0.85;
$('.Img').css('width',wid+'px');
$('.Img').css('height',wid/15*26+'px');
手机端/电脑测试都没问题，但是用微信电脑版自带浏览器打开时会变形，因为其屏幕宽度为1920。
解决：用css
.img{
width:90%; //不设置高度，让其自适应
}
开始采用js，获取屏幕宽度，按宽高比来设置图片大小。
var wid = window.screen.width;
wid = wid * 0.85;
$('.Img').css('width',wid+'px');
$('.Img').css('height',wid/15*26+'px');
手机端/电脑测试都没问题，但是用微信电脑版自带浏览器打开时会变形，因为其屏幕宽度为1920。
解决：用css
.img{
width:90%; //不设置高度，让其自适应
}
开始采用js，获取屏幕宽度，按宽高比来设置图片大小。 手机端/电脑测试都没问题，但是用微信电脑版自带浏览器打开时会...
CSS 右侧自适应宽度 中间自适应宽度 底部自适应高度 注意： flex-direction: column;
1.图片宽度100%高度自适应问题 我需要图片宽度撑满，高度自适应，然而图片宽度撑满了屏幕，但是高度为0 小程序i...
CSS动态计算 背景图片自适应
超大背景图片的自适应 1.首先需要在父布局中添加高度 2.我们在其中设置 css 3.解释第一个center是图片...
方法一：div模拟textarea文本域轻松实现高度自适应 HTML代码 CSS代码 CSS代码中，因为IE6不支...
1.width:100%;高度自适应； 2.通过给div设置background实现自适应 优点：不会造成图片变形...
父元素自适应宽高度，子元素浮动导致高度塌陷 高度塌陷: 示例图： HTML: CSS: 第一种解决方案： 通过给父...
第130天（2018-12-11） [html] 如何让textarea高度自适应呢？ [css] z-index...
css实现图片自适应容器 经常有这样一个场景，需要让图片自适应容器的大小。 1、img标签的方式 我们马上就能想到...
本文标题：css 图片高度自适应
本文链接：https://www.haomeiwen.com/subject/pizarctx.html
网友评论