第二部分：前端开发项目中的常见CSS问题( 六 )

2019-02-19

使用表单元素时，请确保所有label元素都分配了ID 。这将使它们更易于访问，当它们被点击时，相关的输入将获得焦点。

14.不使用交互式HTML元素的字体

当指定字体到整个文档，它们将不被施加到元件，例如input ， button ， select和textarea 。

默认情况下，它们不会继承，因为浏览器会将默认系统字体应用于它们。

要解决此问题，请手动分配font属性：

15.压缩或拉伸图像

在CSS中调整图像大小时，如果宽高比与图像的宽度和高度不一致，则可以对其进行压缩或拉伸。

解决方案很简单：使用CSS' object-fit 。其功能类似于background-size: cover背景图像的功能。

img { object-fit: cover;

推荐阅读

上一篇：三星苹果该有压力了！OPPO这项技术量产拿下手机影像领域制高点

下一篇：他骑三轮卖酸奶起家，却因三鹿险倒闭，今年营收130亿奶粉卖50亿