資訊專欄INFORMATION COLUMN
摘要：目前還不是的正式標(biāo)準(zhǔn)之一，主要用在移動(dòng)端配合實(shí)現(xiàn)自適應(yīng)移動(dòng)網(wǎng)頁設(shè)計(jì)最開始的移動(dòng)端瀏覽器在一個(gè)比屏幕更寬的虛擬窗口中渲染頁面，然后通過手指在屏幕的縮放和平移來瀏覽。
vieport目前還不是w3c的正式標(biāo)準(zhǔn)之一，主要用在移動(dòng)端配合@media實(shí)現(xiàn)自適應(yīng)移動(dòng)網(wǎng)頁設(shè)計(jì)
最開始的移動(dòng)端瀏覽器在一個(gè)比屏幕更寬的虛擬“窗口”中渲染頁面，然后通過手指在屏幕的縮放和平移來瀏覽。
首先引入viewport元標(biāo)簽（）的是mobile safari蘋果移動(dòng)瀏覽器，Safari瀏覽器明確規(guī)定，標(biāo)簽的內(nèi)容必須為“由逗號(hào)分隔的列表”。
width:
initial-scale:
maximum-scale:
minmum-scale:
user-scalable:
在很多移動(dòng)端的瀏覽器中根據(jù)自身的屏幕像素密度會(huì)采取一定的屏幕物理像素跟css像素比的方式來顯示網(wǎng)頁。
這樣導(dǎo)致的問題是：
1、因?yàn)橐苿?dòng)端當(dāng)今的屏幕物理像素密度非常高導(dǎo)致正常的頁面會(huì)成倍放大，帶來文字和圖片失真的情況。 解決方法是： 2、剛開始就針對(duì)移動(dòng)端設(shè)計(jì)放大倍數(shù)的網(wǎng)頁。然后通過css縮小。視口寬度及屏幕寬度
現(xiàn)在通常的做法是:
添加
使用@media來進(jìn)行自適應(yīng)。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/81717.html
摘要：目前還不是的正式標(biāo)準(zhǔn)之一，主要用在移動(dòng)端配合實(shí)現(xiàn)自適應(yīng)移動(dòng)網(wǎng)頁設(shè)計(jì)最開始的移動(dòng)端瀏覽器在一個(gè)比屏幕更寬的虛擬窗口中渲染頁面，然后通過手指在屏幕的縮放和平移來瀏覽。 vieport目前還不是w3c的正式標(biāo)準(zhǔn)之一，主要用在移動(dòng)端配合@media實(shí)現(xiàn)自適應(yīng)移動(dòng)網(wǎng)頁設(shè)計(jì) 最開始的移動(dòng)端瀏覽器在一個(gè)比屏幕更寬的虛擬窗口中渲染頁面，然后通過手指在屏幕的縮放和平移來瀏覽。首先引入viewport元...
摘要：所以一個(gè)網(wǎng)，甚至是響應(yīng)式設(shè)計(jì)，在兩個(gè)平臺(tái)上都會(huì)損害您整體的。三響應(yīng)式與如果把網(wǎng)站作為一個(gè)單獨(dú)的網(wǎng)站，如果網(wǎng)站的內(nèi)容與桌面版的內(nèi)容相對(duì)缺少，導(dǎo)致用戶回到桌面端的網(wǎng)站，會(huì)記錄這種選擇，使搜索排名降低，國內(nèi)百度就不知道會(huì)怎樣。 一、為什么需要響應(yīng)式設(shè)計(jì)（responsible web design） 1. 響應(yīng)式發(fā)展背景 1、屏幕尺寸的快速變化，iphone為320x480，分辨率在未來可以...
摘要：經(jīng)過半年的打磨，正式發(fā)布，主要是新增了一些常用組件，并使用命名，為接下來的微信小程序開發(fā)做好準(zhǔn)備。這兩種方式實(shí)現(xiàn)的瀑布流式布局均支持首屏和網(wǎng)頁窗口大小改變時(shí)的列數(shù)自適應(yīng)。主要是對(duì)于標(biāo)準(zhǔn)里的布局方式草案中的布局方式進(jìn)行一些總結(jié)。 一勞永逸的搞定 flex 布局 尋根溯源話布局 一切都始于這樣一個(gè)問題：怎樣通過 CSS 簡(jiǎn)單而優(yōu)雅的實(shí)現(xiàn)水平、垂直同時(shí)居中。記得剛開始學(xué)習(xí) CSS 的時(shí)候，看...
Web前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程。第一階段：前端基礎(chǔ)（HTML / CSS / JavaScript / jQuery）初識(shí)HTML+CSS【學(xué)習(xí)筆記】HTML基礎(chǔ)完結(jié)篇html基礎(chǔ)知識(shí)——標(biāo)簽詳解html基礎(chǔ)知識(shí)——與用戶交互!（表單標(biāo)簽）html基礎(chǔ)知識(shí)——css樣式①史上最全Html和CSS布局技巧面試題匯總 HTML+CSS篇CSS 最核心的幾個(gè)概念純HTM...
閱讀 936·2021-10-13 09:48
閱讀 3934·2021-09-22 10:53
閱讀 3126·2021-08-30 09:41
閱讀 1954·2019-08-30 15:55
閱讀 2933·2019-08-30 15:55
閱讀 1851·2019-08-30 14:11
閱讀 2214·2019-08-29 13:44
閱讀 776·2019-08-26 12:23
