当前位置: 代码迷 >> HTML/CSS >> 小弟我写的HTML在火狐浏览器和360浏览器上显示的大小不一样,怎么处理
  详细解决方案

小弟我写的HTML在火狐浏览器和360浏览器上显示的大小不一样,怎么处理

热度:20   发布时间:2012-04-01 17:23:46.0
我写的HTML在火狐浏览器和360浏览器上显示的大小不一样,怎么办?
火狐浏览器上的:

360浏览器上的:


------解决方案--------------------
登录名称那个文本框变长了,因为在不同浏览器下。 type="text" 和type="password"文本框和密码框的长度是不一样的,你需要在CSS里面加上width=多少,来保证文本框和密码框长度一致

如果长度一致了,不超出宽度,就不会撑开外面的圆角DIV,那么在不同浏览器下,效果就可以一致了
------解决方案--------------------
你可以给用户名和密码的输入加个样式,限制他们的宽度,就可以实现各个浏览器里面的兼容。
<input class=“username” name="userName" type="text"
class="text" size="16" value="{#$userName|default:''#}" />
.username{width:195px; }
  相关解决方案