css - 自动尺寸输入字段

标签 css input styling

我正在处理一个使用 bootstrap 的 header 。标题中有 Logo 、搜索框和 2 个样式按钮。我遇到的问题是,在大分辨率屏幕上,搜索框很好,并显示在 Logo 和按钮之间的空间中。 但是,如果我转到小屏幕,则显示会变得很奇怪并且不正常。 我的问题是如何使文本框根据分辨率自动调整大小? 不工作

网站:http://verifiedfeedback.com/

提前感谢您的帮助

最佳答案

使用媒体查询 ( example ) 为不同的屏幕尺寸编辑某些元素,我建议至少在使用较小的屏幕分辨率时删除搜索框上留下的边距。例如,在非常小的屏幕分辨率下,您可以删除 .nav-pull-right

上的 float: right

关于css - 自动尺寸输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17611900/

相关文章:

javascript - 如何使菜单从视口(viewport)滑动到标题

javascript - 当我第二次运行我的应用程序时没有显示结果

html - 始终将两个 div float 在一起?

android - 输入类型 = "text"时强制使用数字键盘

javascript - DataTable 无法应用样式

css - IE9 的样式问题。无法识别 CSS3 输入

android - 设置 Android Lollipop 5.0 工具栏样式的正确方法

css - 整个页面和div的灵活高度

input - 读取未知长度的字符串

java - 扫描仪输入 + do-while 循环表现得很奇怪