我正在整理一个HTML页面,可以在手机和PC/Mac上查看。在文本中,我有时会有内联图像:
<p>to do that, then press on button <img src="button.png" /> for 2 seconds</p>
我的字体大小是em或%,所以它在低分辨率手机和高分辨率手机上都是可读的。问题是我的按键(通常是32px的高图像)在高分辨率手机上看起来太小了。
如何调整图片大小?最好是纯CSS,但JS仍然可以。
HTML/CSS新手在这里。我正在制作一个网页,在页面的中央上方有一个文本标题,右上角有一个登录按钮。我使用React (使用嵌入式HTML)在Bootstrap中编写代码。下面是代码。
标题:
<div className="page-header">
<h1 id="header">Header text</h1>
</div>
登录按钮:
<div id="login">
/*Displays login button if user is logged in,
我有一个圆形图像,它的大小相当大,可以很容易地根据它的位置调整它的大小或小。它意味着一个或两个字符的文本的背景图像。
基本上,在特定的元素中,无论数字1或2出现在哪里,我都希望圆圈出现在文本后面,无论文本恰好在该元素中。与文本混合在一起的是其他图像,可以直接放入其中而不会出现问题。我正在根据ems来确定它们的大小,以便让它们保持在需要的位置。
因此,为了让这个问题成为一个例子/问题:
这是图片:
所以,基本上,我需要文本像这样工作:
This is a paragraph (1) of the text.
其中(1)适当地缩小了图像的大小,其中数字1居中。图像大小可以是1.2em以补偿文本,但
如果我有2个div,因为里面的文本或按钮是vw单元,所以它们是可变宽度的兄弟姐妹,那么如何才能让子按钮相等地填充空间以匹配第一个兄弟级div的宽度呢?
<div id="a"><p>The quick brown fox jumps over the lazy dog</p></div>
<div id="b"><button>quick</button><button>fox jumps</button><button>dog</but
MY PROBLEM (简称):我想要文本用户名,您为用户名键入的文本,真正的按钮文本“或”和链接按钮文本是完全相同的大小和相同的“行”-它们不能顺利地排列.
,我自己试过修这个吗?缩放的其他问题我花了很长时间试图使它尽可能接近完美,然而,以我的知识,我永远无法使它排列到满意的程度。我放弃了很多个月,而我在网站的其他部分工作,但这是一个刺在我的脑海中,这应该是可能的。当我使用缩放时,我也遇到了问题--在一些缩放中,它看起来非常接近完美,我想“这是我所能得到的最好的!”
我从我的网站中删除这个代码,使代码尽可能小。如果你看结果-用户名(你输入的用户名),“真按钮”和“或”和“链接按钮”都是不同的