我有下面的文本字段在我的網頁顯著更大:文本字段中的某些瀏覽器
<input class="message" id="message" name="message" type="text" size="65" />
出於某種原因,在最新的Firefox OS X的是約200像素寬度大於在最新的Chrome( Mac/PC)火狐瀏覽器(電腦)和IE瀏覽器(電腦)
有關如何解決這個問題或爲什麼發生這種情況的任何建議?
我有下面的文本字段在我的網頁顯著更大:文本字段中的某些瀏覽器
<input class="message" id="message" name="message" type="text" size="65" />
出於某種原因,在最新的Firefox OS X的是約200像素寬度大於在最新的Chrome( Mac/PC)火狐瀏覽器(電腦)和IE瀏覽器(電腦)
有關如何解決這個問題或爲什麼發生這種情況的任何建議?
發佈您的CSS。
然而,無論這一點,我覺得你的修復程序添加此規則
width: 300px; /* change size accordingly */
到
#message {
或
.message {
和刪除大小
<input class="message" id="message" name="message" type="text" />
瀏覽器通常以不同的方式呈現表單元素(並且它也因OS而異)。如果你希望你的表單元素看起來相同,那麼用CSS來設計它。在這種情況下,只需在你的CSS添加的寬度,像這樣:
input {
width: 200px }
}
如果你使用ASP可以使用Request.ServerVariables(「HTTP_USER_AGENT」)方法來獲得瀏覽器和操作系統信息,並設置變量(最終成爲消息文本對象的大小屬性)設置爲較小的大小。
你爲什麼要那樣做?這讓我很傷心:_( – 2010-06-02 04:03:42
通過style
或class
指定尺寸:
<input class="message" id="message" name="message" type="text" style="width:200px;" />
我不想投票或任何事情,因爲這會起作用,但是如果你真的可以在.css文件中與內聯文件中的樣式做到這一點 .message {width:300px;} 像Dan Beam建議的那樣。 – jacklin 2013-02-23 21:58:21
瀏覽器有呈現在你的DOM的不同元素以不同的方式;在一個項目啓動中,您覺得您的網站應該在所有瀏覽器中看起來完全相同,網頁設計人員使用的一種常見方法是編寫一個reset.css文件。該文件將大多數使用的DOM元素的屬性設置爲標準值。
你是不是指'width:200px;'?我也不推薦使用全局樣式(在* all *標籤上,就像這樣)。另外,你的頭像是pedobear - 我喜歡。 – 2010-06-02 04:05:23