使用CSS,特别是没有onload javascript,可以这样做:
你有一个150px宽,100px高的单元格.它包含一个文本,例如:$ 20,00或其中的任何变体.
您希望它完全符合容器的大小.
我可以用javascript完成它,调整文本大小,直到没有填充/边距的容器达到单元格的宽度和/或高度.或者将其包含在溢出设置为auto的内容中,并查看它何时溢出或其他内容.
它可以用纯CSS完成吗？
考虑到字体也不是固定大小的字体.如果你愿意,可以使用Arial.
用例：
用户单击一个链接，将显示一个模态窗口，其中包含一个大图像，并按比例缩小以适合该窗口。当用户向上或向下滚动鼠标滚轮时，图像会放大或缩小。图像将放大到鼠标指针指向的任何位置。
问题：
我无法全神贯注于执行此操作的方法部分。
当前工作：
单击链接后，jQuery插件将创建一个使用CSS样式的html元素“查看器”集合。这是一个绝对定位的DIV，其中包含IMG元素。图像缩放到100％宽度。滚动时，每次滚动操作将图像增加5％。
由于放大时会放大图像，因此包含的DIV（溢出：隐藏）将最终裁剪图像。该图像是可拖动的，因此您始终可以看到它的所有部分。
我保留并知道的变量：
图像的缩小比例。图片的尺寸先于我们最近的缩放操作。最近一次缩放操作后图像的新尺寸。这两个方面的差异。图像的X和Y位置。鼠标光标相对于已定位容器DIV的X和Y位置。
我可能需要的是：
我知道我需要的变量，我只是无法掌握将它们放置什么顺序以及何时使用什么运算符。数学从来都不是我的强项，语法也不是我的强项。因此，任何帮助表示赞赏。
研究完成：
我用Google搜索了很多现有的解决方案。大多数是OpenGL或Flash / ActionScript的实现，对我来说，这些都没有任何意义。我发现的几个基于javascript的示例都是出于商业目的，即使它们的源代码也被混淆或缩小了，我无法完全提取出此小功能的内部工作原理。
另外，我可能也没有正确的搜索词来找出答案。
当您使用该create-react-app包时，您可以在输入时将.scss-files 编译为-files 。.css然后，您可以import './Header.css';在 React 组件文件中执行操作并应用样式。使用开发工具并查看样式的来源很容易。
Next.js 试图让每个人都使用 Styled-JSX 将样式表内联到 JSX 文件中，类似于 Web 组件（或 Polymer）的做法。我个人非常不喜欢这种做法。
其他问题：
<link>到我的吗<head>？对于一切外在的事情？带宽的最佳使用情况如何？引用内部的文件node_modules也感觉尴尬和糟糕。那么，只需添加规则即可next.config.js，对吗？
module.exports = {
webpack: (config, { dev }) => {
config.module.rules.push(
{
test: /\.(css|scss)/,
loader: "style-loader!css-loader"
}
);
return config
}
};
然后import './Page.scss';（别担心，它是有效的 CSS，甚至还不是 SASS，我知道我还没有在这里包含 …