如何處理CSS中不同的屏幕分辨率

如果需要整個(gè)網(wǎng)頁(yè)自適應(yīng)瀏覽器高寬，可以把高寬設(shè)置為%.（例如給最大的div設(shè)置：width：80%，這樣這個(gè)div的寬度永遠(yuǎn)都只是瀏覽器寬度的80%）祝你好運(yùn)。div+css屏幕分辨率的問題。

成都創(chuàng)新互聯(lián)主要從事成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)金安,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18980820575

方法一：所有布局用百分比布局，這種方法是比較傳統(tǒng)的。

bootstrap是個(gè)很好的響應(yīng)式框架。pc端移動(dòng)端二合一。自己可以用@media媒體對(duì)各個(gè)分辨率寫下對(duì)飲的樣式屬性。

css絕對(duì)定位如何在不同分辨率下顯示正常

1、第一種辦法：body的width設(shè)置為100%，然后body下的總的div的width設(shè)置為固定寬度，比如： 然后每個(gè)div里面的元素再具體設(shè)置寬度。第二種辦法，如果你要針對(duì)移動(dòng)端用戶，可以使用響應(yīng)式web設(shè)計(jì)。

2、兩者分辨率不同，手機(jī)上你要寫針對(duì)手機(jī)的css。

3、右下角上方的z-index離開 位置版本：CSS2兼容性：IE4 + NS4 +繼承：沒有 語法：位置：靜|絕對(duì)|固定|相對(duì) 值：靜：默認(rèn)值。

4、方法一：所有布局用百分比布局，這種方法是比較傳統(tǒng)的。

DIV+CSS布局下,怎樣解決對(duì)不同分辨率的適應(yīng)問題

另外，針對(duì)不同移動(dòng)裝置下，不同解析度通常采用服務(wù)端判斷裝置型別，然后載入相應(yīng)css去實(shí)現(xiàn)不同裝置訪問自適應(yīng)。 DIV+IFRAME+CSS 不同解析度自適應(yīng) CSS3中有彈性布局，專門做這個(gè)，不過并非所有瀏覽器都能支援CSS3。

如果需要整個(gè)網(wǎng)頁(yè)自適應(yīng)瀏覽器高寬，可以把高寬設(shè)置為%.（例如給最大的div設(shè)置：width：80%，這樣這個(gè)div的寬度永遠(yuǎn)都只是瀏覽器寬度的80%）祝你好運(yùn)。div+css屏幕分辨率的問題。

響應(yīng)式布局設(shè)計(jì)：響應(yīng)式布局可以為不同終端的用戶提供更加舒適的界面和更好的用戶體驗(yàn)，響應(yīng)式布局就是實(shí)現(xiàn)不同屏幕分辨率的終端上瀏覽網(wǎng)頁(yè)的不同展示方式。

方法一：做為不同的分辨率做不同的頁(yè)，然后做個(gè)引導(dǎo)頁(yè)，獲取到客戶端屏幕的分辨率后轉(zhuǎn)向到相應(yīng)頁(yè) 具體步驟：先捕獲用戶的分辨率。水平分辨率：screen.width 垂直分辨率：screen.height 再用頁(yè)面跳轉(zhuǎn)的方法轉(zhuǎn)到相應(yīng)頁(yè)。

單純的用哪一種CSS寫法是不能夠?qū)崿F(xiàn)的，百分比也只能解決部分問題，有些問題百分比還是解決不了。這些問題尤其在IE6中更為嚴(yán)重。如果你要想實(shí)現(xiàn)不能分辨率下效果實(shí)現(xiàn)統(tǒng)一，最好的辦法就是用兩套CSS。

css樣式自適應(yīng)分辨率

這個(gè)方法的思路是，分別針對(duì)800、1280、1440、1600、1920等分辨率，創(chuàng)建不同的css文件。然后在各種分辨率下，寫css樣式表。 我們只需要在我們的HTML頁(yè)面的標(biāo)簽中，使用js，根據(jù)不同的電腦分辨率，加載不同的css樣式表。

你可以：第嘗試把CSS樣式中可能會(huì)發(fā)生改變的寬度及高度的準(zhǔn)確數(shù)值改為百分比(這個(gè)可以根據(jù)屏寬和你的高度、寬度計(jì)算出來)。

同一個(gè)CSS文件中，也可以根據(jù)不同的屏幕分辨率，選擇應(yīng)用不同的CSS規(guī)則。

第一步：你的這個(gè)banner，要設(shè)計(jì)成左右兩端可以與頁(yè)面背景相融合的那種形式。比如左右兩端都用了漸變透明，看上去與整個(gè)網(wǎng)頁(yè)的背景融合在了一起。第二步：這個(gè)1000px的banner，在屏幕上居中顯示。

其次：網(wǎng)頁(yè)寬度css一定要使用百分比width： xx%；，不能用絕對(duì)像素。

根據(jù)屏幕分辨率是使用不同的CSS

1、用if else來判斷，給設(shè)置一個(gè)ID，再根據(jù)setAttribute改變src的屬性。

2、你說的這個(gè)叫媒體查詢，是CSS3里面的概念。通過媒體查詢，可以根據(jù)不同的屏幕分辨率使用不同的顯示策略。

3、用if else 來判斷，給設(shè)置一個(gè)ID，再根據(jù)setAttribute改變src的屬性。

4、引號(hào)里面分別填寫，用戶使用IE的時(shí)候并且分辨率為1024*768，800*600，1152*864要使用的css文件名。

5、//根據(jù)分辯率控制層的位置，注意要放在div之后，否則會(huì)說找不著對(duì)象。//最好的辦法就是放在html最后啦...//如果一定要放前面，那就用Function吧，在Body的onload事件中加上XXX()；即可。

css控制頁(yè)面再不同分辨率下顯示相對(duì)大小

bootstrap是個(gè)很好的響應(yīng)式框架。pc端移動(dòng)端二合一。自己可以用@media媒體對(duì)各個(gè)分辨率寫下對(duì)飲的樣式屬性。

細(xì)分的話，一個(gè)布局的問題，可以考慮用百分比的辦法，就像亞馬遜一樣，寬度始終是滿屏的，但是會(huì)帶來空白的分布問題，還有一個(gè)是字體的問題，實(shí)在想解決的話就針對(duì)不同的分辨率調(diào)用不同的css吧。

一般的解決方案。采用定長(zhǎng)定寬的布局。規(guī)劃好頁(yè)面的各部分元素大小。精確到px。然后整體居中，兩側(cè)留白。這樣分辨率不一樣，只會(huì)影響留白部分的大小。居中部分在各分辨率下顯示效果一致。另一種解決方案比較少用。

標(biāo)題名稱：關(guān)于css樣式在不同分辨率的信息
網(wǎng)址分享：http://m.newbst.com/article3/digojis.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、網(wǎng)站營(yíng)銷、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、服務(wù)器托管、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)