草庐IT

比例制

全部标签

html - 如何创建比例图像高度/宽度

所以,我想将图像调整为原始高度/宽度的30%。假设您不知道它的高度或宽度,您将如何仅使用CSS/HTML来处理它? 最佳答案 如果您需要快速的内联解决方案: 关于html-如何创建比例图像高度/宽度,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/3380252/

html - 如何修复变换比例上的模糊图像

当我将transform:scale(1.1);悬停在某个元素上时,图像变得模糊。如何修复这个错误?例子 最佳答案 试试这个,对我来说效果很好!img{-webkit-backface-visibility:hidden;-ms-transform:translateZ(0);/*IE9*/-webkit-transform:translateZ(0);/*Chrome,Safari,Opera*/transform:translateZ(0);} 关于html-如何修复变换比例上的模糊

html - 如何修复变换比例上的模糊图像

当我将transform:scale(1.1);悬停在某个元素上时,图像变得模糊。如何修复这个错误?例子 最佳答案 试试这个,对我来说效果很好!img{-webkit-backface-visibility:hidden;-ms-transform:translateZ(0);/*IE9*/-webkit-transform:translateZ(0);/*Chrome,Safari,Opera*/transform:translateZ(0);} 关于html-如何修复变换比例上的模糊

css - 当我们不能使用字形字体时,如何使用列表的字体大小制作列表样式图像比例?

我正在处理的网页在列表中使用了一些花哨的V形符号作为要点。我想定义一个列表样式,它随列表项本身的字体大小缩放:这样做是我这里问题的最终目标。我们目前将这些人字形保存在SVG文件中(下面提供了其中之一),这样它们就可以被放大而不至于看起​​来很糟糕。它们是这样引用的:ul.foo{list-style-image:url("../images/chevron.svg");}我们在网站周围每次都使用这些V形列表几次。有时它们带有大文本,有时带有较小或正常大小的文本。我们被迫为每种字体大小创建一个新的V形图像(例如chevron-small.svg、chevron-medium.svg、ch

css - 当我们不能使用字形字体时,如何使用列表的字体大小制作列表样式图像比例?

我正在处理的网页在列表中使用了一些花哨的V形符号作为要点。我想定义一个列表样式,它随列表项本身的字体大小缩放:这样做是我这里问题的最终目标。我们目前将这些人字形保存在SVG文件中(下面提供了其中之一),这样它们就可以被放大而不至于看起​​来很糟糕。它们是这样引用的:ul.foo{list-style-image:url("../images/chevron.svg");}我们在网站周围每次都使用这些V形列表几次。有时它们带有大文本,有时带有较小或正常大小的文本。我们被迫为每种字体大小创建一个新的V形图像(例如chevron-small.svg、chevron-medium.svg、ch

html - 将宽度和高度指定为百分比,而不扭曲 HTML 中的照片比例

我想知道是否在宽度和高度属性,我可以将宽度和高度指定为百分比吗?好吧,我想这很明显,因为当我尝试这样做时,它会调整大小,但它似乎会扭曲我的图像质量。这是我的带有固定属性的标记示例:现在,在尝试按比例缩小时,比如通过百分比缩小一半:我得到的东西完全不同于:我认为我只是从根本上误解了我的百分比标记或其他东西,因为我的第二个和第三个示例在视觉上存在明显差异。 最佳答案 注意:直接提供百分比为是无效的width或height属性,除非您使用的是HTML4.01(有关详细信息,请参阅currentspec、obsoletespec和thisa

html - 将宽度和高度指定为百分比,而不扭曲 HTML 中的照片比例

我想知道是否在宽度和高度属性,我可以将宽度和高度指定为百分比吗?好吧,我想这很明显,因为当我尝试这样做时,它会调整大小,但它似乎会扭曲我的图像质量。这是我的带有固定属性的标记示例:现在,在尝试按比例缩小时,比如通过百分比缩小一半:我得到的东西完全不同于:我认为我只是从根本上误解了我的百分比标记或其他东西,因为我的第二个和第三个示例在视觉上存在明显差异。 最佳答案 注意:直接提供百分比为是无效的width或height属性,除非您使用的是HTML4.01(有关详细信息,请参阅currentspec、obsoletespec和thisa

html - 我可以使用 CSS 按比例缩放 div 的高度吗?

我可以在CSS中设置任何变量吗,就像我希望我的div高度始终是宽度的一半一样,我的div随屏幕大小缩放,div的宽度以百分比表示CSS:.ss{width:30%;height:halfofthewidth;}这30%的宽度随屏幕分辨率变化 最佳答案 您可以借助父项的内边距来做到这一点,因为相对内边距(甚至高度方向)是基于父元素的宽度。CSS:.imageContainer{position:relative;width:25%;padding-bottom:25%;float:left;height:0;}img{width:10

html - 我可以使用 CSS 按比例缩放 div 的高度吗?

我可以在CSS中设置任何变量吗,就像我希望我的div高度始终是宽度的一半一样,我的div随屏幕大小缩放,div的宽度以百分比表示CSS:.ss{width:30%;height:halfofthewidth;}这30%的宽度随屏幕分辨率变化 最佳答案 您可以借助父项的内边距来做到这一点,因为相对内边距(甚至高度方向)是基于父元素的宽度。CSS:.imageContainer{position:relative;width:25%;padding-bottom:25%;float:left;height:0;}img{width:10

html - 元标记中的初始比例、用户可缩放、最小比例、最大比例属性是什么?

我在浏览一个网站的源代码时发现了这段代码。我想知道这个初始比例、用户可缩放、最小比例、最大比例是什么,这些值是什么意思?并告诉我他们接受的所有值(value)观是什么。 最佳答案 它们是视口(viewport)元标记,最适用于移动浏览器。宽度=设备宽度这意味着,我们告诉浏览器“我的网站适应您的设备宽度”。初始规模这定义了网站的比例,这个参数设置初始缩放级别,这意味着1个CSS像素等于1个视口(viewport)像素。当您更改方向或防止默认缩放时,此参数会有所帮助。如果没有此参数,响应式网站将无法工作。最大尺度Maximum-scal