網頁自動調整解析度解決方法

2021-05-06 13:12:13 字數 906 閱讀 2100

很多朋友在設計網頁的時候會遇到解析度不能自動適應的問題。 

做好的乙個網頁在另一種解析度下顯得面目全非。 

特別是在做單頁面的時候,通過ps切圖出來的網頁大小是固定的,用table百分比的方式來實現難免會使影象失真,如何使網頁自動調整解析度呢? 

這時候我們有必要換種思路來解決這個問題。 

既然通過頁面設計無法解決這個問題,那麼我們可以嘗試通過程式方法來實現。 

這裡我給大家介紹一種網頁載入時通過js來獲取客戶端解析度的方式來實現網頁自動調整解析度。 

解決思路:建立各種解析度下不同的首頁,例如 

設計index800.htm作為800*600下要顯示的頁面 

設計index1024.htm作為1024*768下要顯示的頁面 

設計index1280.htm作為1280*800下要顯示的頁面 

建立index.htm作為獲取客戶端解析度的頁面 

以下是**片段:

上面這段**就是用來判斷客戶端解析度的index.htm檔案**

以上**執行的步驟是:

若screen.width=1024 screen.height=768即在1024*768的解析度下顯示為變數url1024x768所代表的頁面即index1024.htm

若screen.width=1280 screen.height=800即在1280*800的解析度下顯示為變數url1280x800所代表的頁面即index1280.htm

若screen.width=800 screen.height=600即在800*600的解析度下顯示為變數url800x600所代表的頁面即index800.htm

若不是以上解析度則預設顯示為變數url1280x800所代表的頁面即index1280.htm 

調整解析度

在完成軟體源更新之後,我電腦又出現了問題,即整個linux所佔的螢幕比virtualbox大得多 我從網路查詢原因,發現問題主要出在解析度上 調整解析度的方法 1.system 首選項 螢幕解析度 2.在解析度上選擇合適的解析度即可 但我當時遇到的問題 當時虛擬機器上可選的解析度太少了,不是太大了,...

ubuntu 解析度調整

版本資訊描述 ubuntu 18.04 lts 安裝了ubuntu後解析度和顯示器不匹配。xrandr命令不能給出相關資訊。因此嘗試了不同的方法。這是別人在stackoverflow上回答的最多的一種方法 gtf 1920 1080 601920x1080的解析度,60hz重新整理頻率 於是可以得到...

Red Hat Linux解析度調整

在 etc x11下手動產生xorg.conf檔案,vi etc x11 xorg.conf 檔案中內容如下 add the following codes section monitor identifier monitor0 vendorname monitor vendor modelname...