Html 使输入元素与div大小相同

如何使输入元素与div元素具有相同的大小和对齐方式？（facebookLoginButton和standardLoginButton）

HTML代码：

G
继续使用Facebook


或




登录

---

在css中，对输入应用相同的样式。。。并将display:block添加到输入中

将最后一个css块更改为该块（只在媒体查询中添加了输入大小，您只在最后一个查询中添加了输入大小）

/*********************
媒体查询
*********************/
@仅介质屏幕和（最小宽度：0px）和（最大宽度：480px）{
#乔治罗戈{
字号：6em；
}
#facebookLoginButton、#标准登录按钮、#登录表单输入{
字号：1.5em；
宽度：12.5em；
}
}
@仅介质屏幕和（最小宽度：481px）和（最大宽度：768px）{
#乔治罗戈{
字号：7em；
}
#facebookLoginButton、#标准登录按钮、#登录表单输入{
字号：1.5em；
宽度：15em；
}
}
@仅介质屏幕和（最小宽度：769px）{
#乔治罗戈{
字号：8em；
}
#facebookLoginButton、#标准登录按钮、#登录表单输入{
字号：2em；
宽度：15em；
}
#登录表单{
宽度：15em；
}
}

所以你的问题是你使用的是em而不是rem或像素

em是相对于其父对象的，所以这可能会让数学变得有些混乱。如果您有一个大小为1.2em的li，并在其中嵌套另一个li，则它的字体大小实际上为1.2×1.2=1.44em

rem不是相对于其父对象的，而是相对于documnet的根（默认值为16px）。但是，请记住，IE<9不支持rem

---

在您的代码中，15 em对于表单和FaceBookLogin按钮是不同的宽度，因为您不断更改父项的字体大小/em。

-我尝试过，但它不起作用，对齐方式似乎有点不正确。发生这种情况的原因是什么？我测试了你的小提琴，得到了你的要求，几乎没有变化。我会再试一次，并张贴cssif如果你可以，那将是伟大的，谢谢你的帮助完成。。。如果您还需要相同的文本对齐方式和颜色。。。嗯，为输入元素添加背景色和文本对齐属性扫描您是否也将其上载到JSFIDLE？