⑴ pc端和移動端屏幕自適應
做網頁時,我們通常需要考慮到不同電腦屏幕尺寸,以及不同手機屏幕大小等問題,解決樣式發生改變的情況,那麼如何解決呢?現在主要是採用自適應來解決高度,寬度的,以及圖片自適應問題,下面就PC端和移動端來總結一下,通常進行自適應高度和寬度,圖片時,一般與頁面的布局存在關系。
1、最小尺寸解析度1024 768(傳統17寸顯示器),則可以採用940px、960px、或者常用的980px作為最小寬度。
2、1024 768之後稍大的解析度就是1280*768了,則可以採用1200px或者1220px作為稍大的網頁寬度。
3、支持css3、html5的高級瀏覽器可以利用CSS3 Media Queries讓網頁在不同解析度下自動調節布局標簽。
4、不支持css3、html5的腦殘瀏覽器特別是<=ie8系列則需要用js以及resize事件來控制html的布局標簽寬度了。
5、寬度自適應需要對每個顯示模塊進行不同寬度的計算,在做html布局時需要大量的計算與適配。
6、寬度自適應為不同寬度顯示器寫布局元素時常用的css。
⑵ 怎麼更改電腦屏幕適配
windows7系統在電腦桌面右單慶扒櫻擊,選擇此衡顯示設置,點擊解析度,選擇最佳推薦,即可完成電腦屏幕適配。
xp系統一般在電腦桌面右單擊,選擇屬性,點擊設置譽叢進行解析度選擇,設置屏幕適配完成。
各尺寸顯示器最佳適配解析度:
15寸普屏液晶是1024乘768。
17寸普屏液晶是1280乘1024。
19寸普屏液晶是1280乘1024。
19寸寬屏液晶是1440乘900。
20寸普屏液晶是1600乘1200。
20寸寬屏液晶是1680乘1050。
21寸普屏液晶是1600乘1200。
22寸寬屏液晶是1680乘1050。
23寸普屏液晶是1600乘1200。
23寸寬屏液晶是1920乘1200。
24寸寬屏液晶是1920乘1200。
⑶ 怎樣才能知道一個電腦適合使用多大的屏幕解析度
一般地,比較常見的解析度台式機為1024*768,棚侍筆記本為1366*768 。
一台電腦適合使用多大的屏幕解析度要看顯示器的大小和寬高比例。
屏幕解析度確定計算機屏幕上顯示多少信息的設置,以水平和垂直像素來衡量。屏幕解析度低時(例如 640 x 480),在屏幕上顯示的像素少,但尺寸比較大。屏幕解析度高時(例如 1600 x 1200),在屏幕上顯示的像素多,但尺寸比較小。
(3)電腦適應屏幕擴展閱讀:
屏幕解析度跟像素間距有很大關系。像素間距(pixel pitch)的意義類似於CRT的點距(dot pitch),一般是指顯示屏相鄰兩個象素點之間的距離。 我們看到的畫面是由許多的點所形成的,而畫質的細膩度就是由點距來決定的,點距的計算方式是以面板尺寸除以解析度所得的數值。
以LCD為例,14英寸液晶顯示器的可視面積一般為300mm×190mm,解析度為1280×800,從而計算出此LCD的點距是300/1280=0.2344mm或者190/800=0.2375mm。點距越小,圖像越細膩。
16:10比例的22(21.5)與20(20.1)英寸寬屏液晶顯示器的最佳解析度是:1680×1050。
16:9比例的23與22(21.5)英寸寬屏液晶顯示器的最佳解析度是:1920×1080。
參考資料:鏈猜吵
網路-屏幕分辨兆爛率
⑷ 電腦怎麼調顯示器大小
你們知道怎麼調整 顯示器 的大小嗎?下面是我帶來電腦怎麼調顯示器大小的內容,歡迎閱讀!
電腦調顯示器大小 方法 :
第一步、把滑鼠移動到電腦桌面空白處,右鍵滑鼠選擇“屬性”。
第二步、在彈出來的框點擊“設置”,在屏幕解析度哪裡的滾動條“向左或向右移動”移動到你覺適合為止,再點擊“應用”查看效果。
第三步、調到適合自己桌面的效果後再點擊“確定”即可更改解析度。
顯示器一般常見的屏幕解析度比例、估計現在使用 4:3、 5:4的應該會少點,多見的是16:9,解析度如下:
5:4的屏幕適應解析度為【800×640、1280×1024】等;4:3的屏幕適應解析度為【800×600、1024×768、1280×960、1400×1050、1600×1200、2048×1536】等;16:10的屏幕適應解析度為【1280×800、1440×900、1680×1050、1920×1200】等;16:9的屏幕適應解析度為【1280×720、1440×810、1680×945、1920×1080】等。
看了“電腦怎麼調顯示器大小”的內容的人還看:
1. 怎樣調節電腦顯示器大小
2. 電腦顯示器的高度怎麼調
3. 電腦顯示器比例怎麼調
4. 顯示器尺寸怎麼調成對應的最佳解析度大小
5. 電腦顯示器怎麼量尺寸
6. 電腦顯示器怎麼調滿屏
7. 電腦顯示器清晰度怎麼調節
8. 電腦顯示器怎麼設置寬屏
9. 怎麼看電腦顯示器配置
10. 電腦屏幕解析度怎麼調整
⑸ 原始比例和適應屏幕的區別
原始比例和適應屏幕的區別有:
1、適應屏幕:在適應屏幕模式下,WPS會根據你的友源攔屏幕尺寸自動調整文檔的布局,使得文檔在屏幕上呈現的更美觀。這種模式適用於屏幕尺寸較小的設備,例如手機或平板電腦。
2、不適應屏幕:在不適應屏幕模式下,WPS不會調整文檔的布局,文檔的布局和在其他好胡設備上顯示的一樣。這種模式適用於屏幕尺寸較大的設備,例如電腦。裂肢
⑹ 怎麼把一個pc頁面自適應手機屏幕,自適應手機屏幕網站怎麼做嗎
無論是電腦還是手機,要做到自適應屏幕,其實都是一樣的。
首先,在網頁代碼的頭部,加入一行viewport標簽
<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
viewport是網頁默認的寬度和高度,上面這行代碼的意思是,網頁寬度默認等於屏幕寬度(width=device-width),原始縮放比例(initial-scale=1)為1.0,即網頁初始大小占屏幕面積的判旁100%。即讓viewport的寬度等於物理設備正則上的真實解析度,不允許用戶縮放。
其次:網頁寬度css一定要使用百分比width:xx%;,不能用絕對像素。當然可以用width:auto;
第三,流動布局
.left{
float:left;
width:***%;
}
第四,選擇載入css
這是自適應的關鍵部分
.abc{height:300px;border:1pxsolid000;margin:0auto}
@mediascreenand(min-width:1201px){
.abc{width:1200px}
}
/*設置了瀏覽器寬度不小於1201px時abc顯示1200px寬度*/
@mediascreenand(max-width:1200px){
.abc{width:900px}
}
/*設置了瀏覽器寬度不大於1200px時abc顯示900px寬度*/
@mediascreenand(max-width:901px){
.abc{width:200px;}
}
/*設置了瀏覽器寬度不大於901px時abc顯示200px寬度*/
@mediascreenand(max-width:500px){
.abc{width:100px;}
}
/*設置了瀏覽器寬度不大於500px時abc顯示100px寬度*/
需要注意是CSS代碼順序,由大到小排版CSS(判斷瀏覽器寬度越大越放前),這樣是因為邏輯關系,@media判斷CSS排錯將導致判斷失效。
第四,圖片自適應
img{max-width:100%;}
老版本的IE不支持max-width,所以只好寫成:img{width:100%;}
篳五、採用相對字體大小
字體也不舉沖棚能使用絕對大小(px),而只能使用相對大小(em)。
這里最重要的,是第三條和第四條,也就是採用流動布局和css選擇載入。祝你好運!
⑺ dw寬1920怎麼適應筆記本電腦屏幕
dw寬1920適應筆孝胡記本電腦屏幕的步驟:
1、右擊筆記本電腦桌面空白處搭譽,單擊「屏幕解析度」。
2、單擊「高級設置」,選擇「列出所有模式」。
3、按系統推薦值或最佳值設置解析度、顏色位數和刷新率或選擇需要知慎段的解析度模式,再確定。
⑻ win10怎樣設置適應屏幕的解析度
開始---設置---系統---顯示---顯示解析度 選擇設置為需要的數值
⑼ 怎麼樣調整電腦屏幕大小到合適的比例
調整電腦屏幕大小到合適比例的方法:
首先右鍵點擊桌面,在右鍵菜單中直接顯示了屏幕解析度的選項,用滑鼠點擊一下這個選項
調節之後點擊確定按鈕,屏幕解析度要適合你的屏幕,不能太大或過小,要以眼睛看上去較舒服為標准。
屏幕解析度是指屏幕顯示的解析度。屏幕解析度確定計算機屏幕上顯示多少信息的設置,以水平和垂直像素來衡量。屏幕解析度低時(例如 640 x 480),在屏幕上顯示的像素少,但尺寸比較大。屏幕解析度高時(例如 1600 x 1200),在屏幕上顯示的像素多,但尺寸比較小。
顯示解析度就是屏幕上顯示的像素個數,解析度160×128的意思是水平方向含有像素數為160個,垂直方向像素數128個。屏幕尺寸一樣的情況下,解析度越高,顯示效果就越精細和細膩。
設置解析度的具體方法:
在桌面空白處點擊滑鼠右鍵。
在右鍵菜單中選擇屏幕解析度。
在彈出的對話框中找到解析度。
點擊下拉按鈕。
在下拉菜單中選擇合適的解析度,點確定。
如果桌面顯示出來的大小不適合,在詢問是否保存的時候選否。重復第4、5項。
如果桌面內容大小適合,點保存更改就行了