關於CSS與解析度,瀏覽器的問題

時間 2023-02-12 06:20:06

1樓:

這是很正常的現象,因為不同版本或者不同開發者開發的瀏覽器相容性是不同的,所以,對於你編寫的**解析出來效果也是不同的。

允許你出現部分不規範但可以起作用的**,而會視而不見,有一些改進,但是依然會對一些問題也會視而不見,但是ff是目前對css支援最好的瀏覽器,而且執行較為嚴格,所以,如果你的css不規範,就會出現很難看的效果。

建議你,使用w3c的css檢驗器進行檢驗,只要檢驗通過就ok了。 基本什麼瀏覽器都好了。

以下是部分相容問題在不同瀏覽器中的表現,你參考下吧,以後注意就可以了。 應該說,寫的越規範,相容性就越強一些。使用這些hack技巧也可以解決很多問題。

1.在mozilla firefox和ie中的box模型解釋不一致導致相差2px解決方法:

div 注意這兩個margin的順序一定不能寫反,據阿捷的說法!important這個屬性ie不能識別,但別的瀏覽器可以識別。所以在ie下其實解釋成這樣:

div 重複定義的話按照最後乙個來執行,所以不可以只寫margin:xxpx!important;

和ie6的box解釋不一致ie5下divdiv的寬度會被解釋為300px-10px(右填充)-10px(左填充)最終div的寬度為280px,而在ie6和其他瀏覽器上寬度則是以300px+10px(右填充)+10px(左填充)=320px來計算的。這時我們可以做如下修改:

div 關於這個/**是什麼我也不太明白,只知道ie5和firefox都支援但ie6不支援,如果有人理解的話,請告訴我一聲,謝了!:)

標籤在mozilla中預設是有padding值的,而在ie中只有margin有值所以先定義:

ul 就能解決大部分問題。

4.關於指令碼,在中不支援language屬性,只需要把**改為:

就可以了。5.如果你在box容器裡使float和text-align的方向設為一致:

我們可做如下修改:

2樓:網友

給你乙個新知識的引導。

hack,所謂hack就是為了相容各個瀏覽器的css寫法,之所以有hack,本質上是由於各瀏覽器對各種字元的解釋不盡相同,所以頁面構建工程師們就利用這些瀏覽器bug總結出一些相容寫法,俗稱hack。

例如,ie6和ie7之間的hack,ie和firefox(ff2和ff3)的hack,ie5和ie6,ie7之間的hack,等等,還包括一些小部分使用者使用的瀏覽器,如safari(蘋果瀏覽器或者windows下的類蘋果瀏覽器),opera,傲遊,騰訊tt等等,都是需要關注滴瀏覽器。

css檔案的結構取決於產品的需要,如果是乙個專題類產品,寫一到兩個css檔案即可,如果是乙個大的產品,例如**那種,就要分層次寫不同型別的css檔案,有文字顏色,字型等修飾類檔案,有主體結構的檔案,有多次引用的公共元素檔案,有多次呼叫的結構檔案等等等等。

多看多練 祝你好運。

3樓:匿名使用者

1、我也是乙個學生。

2、這個問題可能你還是停留在畫層絕對定位的基礎上,比如說#main 就可以解決居中對其。

3、不是js判斷控制css,只是會偶爾在css檔案裡加一些判斷。

4、目前的主流是1280*800

5、ie6有許多css bug問題可以搜尋注意一下。

可以把你的**發給你我幫你修改一下。

4樓:匿名使用者

相容這個問題真令人頭疼,乙個小**就可以解決問題,都是很小的問題,遇到問題的話就多在網上查查,在著上面不好說。

5樓:匿名使用者

你的css的定位也許有問題。

6樓:網友

路過。。。其實我沒事也看了看css與html。不過呢,無法你,因為我也只是個菜鳥學徒。呵呵。新年快樂。。。

網頁css怎麼解決解析度不一樣的問題?

7樓:憂鬱的獸

以前有這樣的問題~要多翻翻老帖~

其實就是相對定位和絕對定位的問題~

取值的時候別用px,用%就是自動適應了。

給你乙個例子,你可以試著電擊瀏覽器的 最大化/還原 按鈕看看效果,然後再任意調整瀏覽器的寬高,你會發現,內容始終是隨解析度的改變而改變的。

8樓:網友

響應式web設計。

兩種方式,一種是直接在link中判斷裝置的尺寸,然後引用不同的css檔案:

意思是當螢幕的寬度大於等於400px的時候,應用意思是當螢幕的寬度大於600小於800時,應用另一種方式,即是直接寫在標籤裡:

@media screen and (max-width: 600px)

}寫法是前面加@media,其它跟link裡的media屬性相同其實基本上就是樣式覆蓋~,判斷裝置,然後引用不同的樣式檔案覆蓋。

要注意的是由於網頁會根據螢幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。這一條非常重要,否則會出現橫向滾動條。

9樓:撒德塔念

一般。寫頁面。

現在都不採用固定。

格式都是。平鋪拉伸。。。

如果一定。要使用的話。

大塊劇中。在這個方位內在布局。

body把這個屬性。

給乙個div

id讓他等於。

bodyall

#bodyall

為什麼不直接給他id

為body因為。body

是保留字。可以用但是。

不符合web2標準了。。

在頁面內。結束的地方也是。

這樣周圍。給body

乙個配合的。

顏色現在只能這麼做了。

css樣式如果適應不同解析度的瀏覽器?

10樓:匿名使用者

用固定畫素定義div,然後用**做背景。在div裡相對定位元素,就可以了~!

11樓:匿名使用者

**帖上來,我幫你改。

12樓:o単o裑

也可以在**上 畫熱點區域 解決。

13樓:網友

是把login放在登入上面 把reset放在登出上面的意思? 讓他在任何瀏覽器上都是固定的?

不同解析度js呼叫不同css問題

14樓:匿名使用者

根據不同解析度或不同視窗大小載入不同的css,讓網頁顯示最合適的布局,是**設計常用到的。

一、根據螢幕解析度大小載入不同css.

正文。二、根據瀏覽器視窗大小載入不同css正文。

15樓:網友

dddd

為系統解析度的寬度。

16樓:佐衫

根據瀏覽器視窗大小載入不同css

css控制頁面再不同解析度下顯示相對大小

17樓:網友

首先,你要確定你的body倆個引數。

margin:0

padding:0

然後寬度設定成100%

高度的問題你只能設定乙個最低高度,因為內容你無法控制,除非你想設成固定高度,但是你設成固定高度肯定就不能相容這倆個尺寸1280*1024:1024*768,所以你可以實現自適應寬度。

18樓:匿名使用者

不能做到,首先要說明的是,網頁製作後必須經過不同解析度除錯效果。是要你的網頁適應大多數顯示器正常瀏覽。網頁設計好的寬度是固定的,不能象你那樣設定100%,否則就會內容錯位或者視窗下邊出現橫向滾動條。

現在主流網頁設計寬度在800-1000px之間,固定寬度值。然後讓內容居中,這樣在不同解析度的顯示器下**就正常了。和你相反高度應該按百分比設定,按內容多少自調節網頁高度。

都是根據內容多少自適應高度,幾乎沒有那個**高度固定然後用橫向滾動條來找寬度吧。

你可以到各**的首頁去看一看,基本都是寬度800-1000px,內容居中兩側留白(可以放懸浮廣告),整體高度不設定具體畫素。

.css是精確控制畫素的,試想你做出來的網頁畫素是固定的,不可能在解析度低的瀏覽器上按比例縮放**到相同效果。

19樓:野外負傷

所有寬度 和高度 用百分比或者em寫,不定義body的最大值或最小值。

20樓:

1.採用定長定寬的布局。規劃好頁面的各部分元素大小。

精確到px。然後整體居中,兩側留白。這樣解析度不一樣,只會影響留白部分的大小。

居中部分在各解析度下顯示效果一致。

2.比較少用。就是採用流式布局。

頁面的各部分都是按照百分比去設定的。這樣解析度不一樣的情況下。效果都是一致的。

但是比較難以掌控。編碼難度大,測試困難。因此較少採用。

3.另外,針對不同移動裝置下,不同解析度通常採用服務端判斷裝置型別,然後載入相應css去實現不同裝置訪問自適應。

21樓:匿名使用者

這個可以通過布局和樣式解決:

方法一:所有布局用百分比布局,這種方法是比較傳統的。

方法二:百分比和em(乙個字元的單位)相結合的;

方法三:rem為單位來寫樣式,需要借助js來根據解析度的大小調整rem;

方法四:布局用rem單位,而字型用em.

第1、2兩種方法是比較傳統,網上隨便搜搜就找得到了;第3種開始用到的rem,rem是css3新出的一種樣式屬性單位,類似px;但是rem是可以人為設定大小的,也就是說rem這個單位的大小是可以設定,基於這個特性,再通過js來根據解析度控制這個rem的單位大小;

js**:(function (doc, win) ;

if (!return;, recalc, false);

'domcontentloaded', recalc, false);

})(document, window);

這邊的40是rem的自己需要單位大小(自己根據需求設定的,如果需要甚至可以改成10);

這邊的1080是設計效果圖的大小,如果設計圖是以寬度為2000的話,那麼這邊的1080就改成2000;

而em用來做字型單位的話,就可以根據不同的顯示器(手機自身的設定)來顯示字型,不會出現字型大的離譜,或者小的看不見的狀況;

不過rem因為是css3的屬性,在pc端的相容性很差,不建議使用,但是移動端是非常適合的,總結就是pc端:方法。

一、方法二,移動端:方法。

三、方法四。

22樓:匿名使用者

邊界設為左右自動上下自動。

23樓:楓玲蝶子

哦,開始網頁載入慢了,就沒看到全部問題。

24樓:匿名使用者

好像,很少看到有人去做,一般都是固定的980--1002

25樓:匿名使用者

在開啟的網頁區域按住ctrl不動 再滾動滑鼠輪 發現了麼?

有關css中瀏覽器尺寸的自適應問題

26樓:匿名使用者

就像他們所說的那樣,你要是想做成自動適應顯示器的網頁就用百分比做,例如:

.banner

這樣的情況下這個頭部就會自己按照顯示器的解析度來調節自己的寬度了,裡邊的div元素也會相應改變,達到「自適應寬度」

如果不要做成自適寬度的,那就用固定寬度的盒子模型例如:body

.banner

27樓:匿名使用者

按比例改變就用百分比定寬度。

想布局不變就使用固定寬度。

解析度改變布局混亂是不規範造成的,克服這問題只能多做多試,除了解析度還有不同瀏覽器下的樣子,其實還是蠻不容易的。

28樓:小_盆_友

布局用百分比,比如高度寬度,在每個顯示器下顯示都一樣,因為都是按照比例來的。

字型大小用em做單位,因為px在不同解析度顯示器下大小不一樣;而em是相對單位。

顯示器解析度和遊戲解析度的問題,遊戲解析度是什麼

請不要把遊戲裡的fps與顯示器的重新整理頻率混為一談!遊戲裡的fps和顯示器的重新整理頻率一點關係也沒有,fps乙個含義是first personal shooting game 第一人稱射擊遊戲 另乙個含義就是frames per second 每秒傳輸幀數 cs遊戲裡通常要保證90甚至是120的...

顯示器解析度調節問題

aoc912sw的最佳分辨確實是 1440 900,如果在解析度設定中沒有就說明你的顯示卡不支援該解析度,是顯示卡驅動裝的不合適還是就是用的作業系統的相容驅動,建議你把顯示卡的驅動重新安裝一下再看 最愛山頂巨人 沒有的話,就是顯示器不支援啊,就算用顯示卡開啟不支援的解析度也沒什麼作用 你用顯示器自帶...

關於工業相機的解析度,關於工業相機的解析度

工業相機主要引數如下表,參考 如何選擇一款合適的工業相機 主要針對相機解析度的 1 問題描述 拍攝乙個物體表面的乙個髒點 2 構思 若採用乙個畫素代表乙個髒點的話,會使得系統不穩定 因此,我們最好取到三四個畫素以上代表乙個髒點 3 計算公式 畫素精度 視場的長或寬 相機解析度的長或寬 4 公式運用 ...