双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒，抽取你的专属好礼

— 惊喜奖品抢先看 —

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

图片等比缩放问题

2021-04-21 10:32:36 593 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

weixin_41240366 墨衍会员 · AI 创作全网分发关注 + 加入社区

AI驱动的CNC闭环加工系统：边缘实时控制与IIoT反馈实践闭环控制是工业自动化的核心概念，指通过实时反馈调节系统输出以逼近目标值；其技术原理在于构建短于被控对象时间常数的确定性反馈链路，从而保障动态响应精度与稳定性。在智能制造落地中，AI正从离线分析工具演进为嵌入式实时决策单元，其核心价值在于将工艺知识模型化、控制指令轻量化、执行路径边缘化。典型应用场景包括CNC加工过程中的振动自适应调参、刀具磨损在线补偿及多机协同优化。本实践聚焦FANUC 0i-MF平台，基于Modbus TCP硬实时通信与轻量LSTM+CNN融合模型，实现217毫秒级AI推理与PMC寄存器直阅读详情

我想让第一个li标签实现4：3等比缩放，且图片按等比剪切,当我加上height: 100%;时图片不显示了，麻烦高手指点一下要怎么改？或有没更好的方法

li{

	list-style-type: none;

}

.Pic {

	width: 100%;

	margin-right: -1%;

	margin-left: -1%;

	position: relative;

	overflow: hidden;

	height: auto;

}

.Pic>a {

	float: left;

	overflow: hidden;

	position: relative;

	width: 31.3%;

	margin-right: 1%;

	margin-left: 1%;

	margin-bottom: 20px;

}

.Pic>a>li:nth-of-type(1) {

	overflow: hidden;

	border-radius: 5px;

	border: 1px solid #F0F0F0;

	height: 0;

	padding-bottom: 75%;

}

.Pic>a>li:nth-of-type(1)>img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	float: left;

	background-color: #F5F5F5;

}

.Pic>a>li:nth-of-type(1)>img:hover {

	-webkit-transform: scale3d(1.1, 1.1, 1.2);

	transform: scale3d(1.1, 1.1, 1.2);

	-webkit-transition: -webkit-transform 0.15s ease 0s;

	-moz-transition: -moz-transform 0.15s ease 0s;

	-o-transition: -o-transform 0.15s ease 0s;

	transition: transform 0.15s ease 0s;

}

.Pic>a>li:nth-of-type(2) {

	text-align: center;}

<div class="Pic"> <a href="#">

  <li><img src="001.jpg" /></li>

  <li>图片1</li>

  </a> 

  <a href="#">

  <li><img src="002.jpg" /></li>

  <li>图片2</li>

  </a> 

  <a href="#">

  <li><img src="003.jpg" /></li>

  <li>图片3</li>

  </a> 

  </div>

...全文