摘要:目前還不是的正式標準之一,主要用在移動端配合實現(xiàn)自適應移動網(wǎng)頁設計最開始的移動端瀏覽器在一個比屏幕更寬的虛擬窗口中渲染頁面,然后通過手指在屏幕的縮放和平移來瀏覽。
vieport目前還不是w3c的正式標準之一,主要用在移動端配合@media實現(xiàn)自適應移動網(wǎng)頁設計
最開始的移動端瀏覽器在一個比屏幕更寬的虛擬“窗口”中渲染頁面,然后通過手指在屏幕的縮放和平移來瀏覽。
首先引入viewport元標簽()的是mobile safari蘋果移動瀏覽器,Safari瀏覽器明確規(guī)定,標簽的內(nèi)容必須為“由逗號分隔的列表”。
width:
initial-scale:
maximum-scale:
minmum-scale:
user-scalable:
在很多移動端的瀏覽器中根據(jù)自身的屏幕像素密度會采取一定的屏幕物理像素跟css像素比的方式來顯示網(wǎng)頁。
這樣導致的問題是:
1、因為移動端當今的屏幕物理像素密度非常高導致正常的頁面會成倍放大,帶來文字和圖片失真的情況。 解決方法是: 2、剛開始就針對移動端設計放大倍數(shù)的網(wǎng)頁。然后通過css縮小。視口寬度及屏幕寬度
現(xiàn)在通常的做法是:
添加
使用@media來進行自適應。
文章版權歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/116539.html
摘要:目前還不是的正式標準之一,主要用在移動端配合實現(xiàn)自適應移動網(wǎng)頁設計最開始的移動端瀏覽器在一個比屏幕更寬的虛擬窗口中渲染頁面,然后通過手指在屏幕的縮放和平移來瀏覽。 vieport目前還不是w3c的正式標準之一,主要用在移動端配合@media實現(xiàn)自適應移動網(wǎng)頁設計 最開始的移動端瀏覽器在一個比屏幕更寬的虛擬窗口中渲染頁面,然后通過手指在屏幕的縮放和平移來瀏覽。首先引入viewport元...
摘要:所以一個網(wǎng),甚至是響應式設計,在兩個平臺上都會損害您整體的。三響應式與如果把網(wǎng)站作為一個單獨的網(wǎng)站,如果網(wǎng)站的內(nèi)容與桌面版的內(nèi)容相對缺少,導致用戶回到桌面端的網(wǎng)站,會記錄這種選擇,使搜索排名降低,國內(nèi)百度就不知道會怎樣。 一、為什么需要響應式設計(responsible web design) 1. 響應式發(fā)展背景 1、屏幕尺寸的快速變化,iphone為320x480,分辨率在未來可以...
Web前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程。第一階段:前端基礎(HTML / CSS / JavaScript / jQuery)初識HTML+CSS【學習筆記】HTML基礎完結(jié)篇html基礎知識——標簽詳解html基礎知識——與用戶交互!(表單標簽)html基礎知識——css樣式①史上最全Html和CSS布局技巧面試題匯總 HTML+CSS篇CSS 最核心的幾個概念純HTM...
閱讀 1863·2023-04-25 14:33
閱讀 3456·2021-11-22 15:22
閱讀 2253·2021-09-30 09:48
閱讀 2804·2021-09-14 18:01
閱讀 1793·2019-08-30 15:55
閱讀 3066·2019-08-30 15:53
閱讀 2214·2019-08-30 15:44
閱讀 718·2019-08-30 10:58