纯CSS 移动端，根据宽度获取高度

约定不等于承诺〃 2021-08-29 18:10 460阅读 0赞

html部分代码

<div class="goods_div">
    <div class="goods_li">
    </div>
    <div class="goods_li">
    </div>
    <div class="goods_li">
    </div>
</div>

CSS部分代码

.goods_div{ width:100%;}
.goods_li{ width:33.33%; padding-bottom: 33.33%;  float: left;}

发表评论取消回复

表情：

评论列表（有 0 条评论，460人围观）

还没有评论，来说两句吧...

相关阅读

相关 css实现根据元素自适应宽度设定高度

需求描述： wap页面展现一张banner图片，要求其宽度为页面的宽度（屏幕宽度），高度为宽度的3/5。 css实现： js实现方式很简单，就不做介绍了；这里我们说下

桃扇骨/ 2023年02月22日 08:14/ 0 赞/ 91 阅读

相关 css高度等于宽度

代码 <div class="a"></div> .a{ width: 50%; height:0; padding-bottom:50%; back

雨点打透心脏的1/2处/ 2023年02月13日 11:07/ 0 赞/ 78 阅读

相关 Js获取屏幕宽度、高度移动端H5适配

```javascript document.body.clientWidth ==> BODY对象宽度 document.body.clientH

梦里梦外;/ 2023年01月15日 11:26/ 0 赞/ 755 阅读

相关使用js获取移动端设备屏幕高度和宽度尺寸的方法

使用js获取移动端设备屏幕高度和宽度尺寸的方法 js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法： document.documentElement.clie

骑猪看日落/ 2022年09月04日 11:45/ 0 赞/ 634 阅读

相关 JQuery 获取屏幕高度、宽度

做手机Web开发或做浏览器兼容通常会用到屏幕高度、宽度，现将其汇总一下： alert($(window).height()); //浏览器当前窗口可视区域高度

朱雀/ 2022年08月07日 10:43/ 0 赞/ 326 阅读

相关 jQuery 获取屏幕高度、宽度

alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前

Myth丶恋晨/ 2022年07月24日 10:07/ 0 赞/ 361 阅读

相关获取浏览器高度和宽度

javascript方法 IE中： document.body.clientWidth ==> BODY对象宽度 document.body.

客官°小女子只卖身不卖艺/ 2022年06月18日 10:25/ 0 赞/ 334 阅读

相关纯 CSS 实现高度与宽度成比例的效果

[纯 CSS 实现高度与宽度成比例的效果][CSS] 首先需要知道，一个元素的 padding ，如果值是一个百分比，那这个百分比时相对于其父元素的宽度而言的，即使对于

一时失言乱红尘/ 2021年10月19日 01:36/ 0 赞/ 365 阅读

相关纯CSS 移动端，根据宽度获取高度

html部分代码 <div class="goods_div"> <div class="goods_li"> </div>

约定不等于承诺〃/ 2021年08月29日 18:10/ 0 赞/ 461 阅读

相关移动端获取屏幕宽度

转自：[http://www.uw3c.com/jsviews/js18.html][http_www.uw3c.com_jsviews_js18.html] 目录： 1

电玩女神/ 2021年06月24日 14:35/ 0 赞/ 566 阅读