資訊專欄INFORMATION COLUMN
摘要：目前還不是的正式標(biāo)準(zhǔn)之一，主要用在移動(dòng)端配合實(shí)現(xiàn)自適應(yīng)移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)最開(kāi)始的移動(dòng)端瀏覽器在一個(gè)比屏幕更寬的虛擬窗口中渲染頁(yè)面，然后通過(guò)手指在屏幕的縮放和平移來(lái)瀏覽。
vieport目前還不是w3c的正式標(biāo)準(zhǔn)之一，主要用在移動(dòng)端配合@media實(shí)現(xiàn)自適應(yīng)移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)
最開(kāi)始的移動(dòng)端瀏覽器在一個(gè)比屏幕更寬的虛擬“窗口”中渲染頁(yè)面，然后通過(guò)手指在屏幕的縮放和平移來(lái)瀏覽。
首先引入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像素比的方式來(lái)顯示網(wǎng)頁(yè)。
這樣導(dǎo)致的問(wèn)題是：
1、因?yàn)橐苿?dòng)端當(dāng)今的屏幕物理像素密度非常高導(dǎo)致正常的頁(yè)面會(huì)成倍放大，帶來(lái)文字和圖片失真的情況。 解決方法是： 2、剛開(kāi)始就針對(duì)移動(dòng)端設(shè)計(jì)放大倍數(shù)的網(wǎng)頁(yè)。然后通過(guò)css縮小。視口寬度及屏幕寬度
現(xiàn)在通常的做法是:
添加
使用@media來(lái)進(jìn)行自適應(yīng)。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/116539.html
摘要：目前還不是的正式標(biāo)準(zhǔn)之一，主要用在移動(dòng)端配合實(shí)現(xiàn)自適應(yīng)移動(dòng)網(wǎng)頁(yè)設(shè)計(jì)最開(kāi)始的移動(dòng)端瀏覽器在一個(gè)比屏幕更寬的虛擬窗口中渲染頁(yè)面，然后通過(guò)手指在屏幕的縮放和平移來(lái)瀏覽。 vieport目前還不是w3c的正式標(biāo)準(zhǔn)之一，主要用在移動(dòng)端配合@media實(shí)現(xiàn)自適應(yīng)移動(dòng)網(wǎng)頁(yè)設(shè)計(jì) 最開(kāi)始的移動(dòng)端瀏覽器在一個(gè)比屏幕更寬的虛擬窗口中渲染頁(yè)面，然后通過(guò)手指在屏幕的縮放和平移來(lái)瀏覽。首先引入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ì)記錄這種選擇，使搜索排名降低，國(guó)內(nèi)百度就不知道會(huì)怎樣。 一、為什么需要響應(yīng)式設(shè)計(jì)（responsible web design） 1. 響應(yīng)式發(fā)展背景 1、屏幕尺寸的快速變化，iphone為320x480，分辨率在未來(lái)可以...
摘要：經(jīng)過(guò)半年的打磨，正式發(fā)布，主要是新增了一些常用組件，并使用命名，為接下來(lái)的微信小程序開(kāi)發(fā)做好準(zhǔn)備。這兩種方式實(shí)現(xiàn)的瀑布流式布局均支持首屏和網(wǎng)頁(yè)窗口大小改變時(shí)的列數(shù)自適應(yīng)。主要是對(duì)于標(biāo)準(zhǔn)里的布局方式草案中的布局方式進(jìn)行一些總結(jié)。 一勞永逸的搞定 flex 布局 尋根溯源話布局 一切都始于這樣一個(gè)問(wèn)題：怎樣通過(guò) CSS 簡(jiǎn)單而優(yōu)雅的實(shí)現(xiàn)水平、垂直同時(shí)居中。記得剛開(kāi)始學(xué)習(xí) CSS 的時(shí)候，看...
Web前端開(kāi)發(fā)是創(chuàng)建Web頁(yè)面或app等前端界面呈現(xiàn)給用戶的過(guò)程。第一階段：前端基礎(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...
閱讀 1861·2023-04-25 14:33
閱讀 3452·2021-11-22 15:22
閱讀 2250·2021-09-30 09:48
閱讀 2803·2021-09-14 18:01
閱讀 1793·2019-08-30 15:55
閱讀 3065·2019-08-30 15:53
閱讀 2214·2019-08-30 15:44
閱讀 717·2019-08-30 10:58
