h6頁面的viewpoint
網上曾看到一個據說很有名的外國人,寫過一篇"三個viewpoint"的概念,但是看了,覺得似懂非懂,后來做了不少h6頁面,然后重新思考viewpoint到底是一種怎樣的控制移動端頁面的機制?于是我也覺得用"3個viewpoint"解釋比較好說,不過跟網上那個外國大佬的"三個viewport"可能會有不少區別。
viewpoint含義
第一個viewpoint,這里臨時命名為viewpoint1,就是手機硬件屏幕的水平像素數,比如iPhone6分辨率是750像素,那么這個viewpoint就是750
第二個viewpoint,這里臨時命名為viewpoint2,是設計稿尺寸寬度,通常是以一個用戶占有率比較高的手機分辨率為基準,很多就是用iPhone6的750
第三個viewpoint,這里臨時命名為viewpoint3,就是手機瀏覽器畫布的寬度,它通常有一個遠大于硬件分辨率的尺寸,比如980px,和主流PC端網頁的內容主體寬度相當。前端能夠直接施加影響的就只有viewpoint3這個了,實際上客觀存在的viewpoint可以說也只有這一個而已,可以在html中用標簽meta設置,也可以JS動態設置。
最終用手機瀏覽h6頁面看到的效果,則是這三個viewpoint共同作用的。在沒有代碼干預的情況下,一般手機會有一個從viewpoint3到viewpoint1的縮放。手機為什么要設計這個機制呢?因為手機硬件屏幕小,但是又想讓手機能正常瀏覽PC的頁面。
為了更好的體驗,人們開始為手機定制web頁面,比如既然iphone6是750px,那我就做750px的頁面??墒羌幢闳绱?手機實際看到的頁面效果卻仍然是被縮放了,因為750px的頁面還是要放入到980px的viewpoint3中來顯示,而縮放是viewpoint3到viewpoint1的過程,和設計稿寬度,同時也是頁面實際寬度的viewpoint2是無關的。
到此,相信大家對“怎么理解h5頁面的viewpoint”有了更深的了解,不妨來實際操作一番吧!這里是本站網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
本文由 貴州做網站公司 整理發布,部分圖文來源于互聯網,如有侵權,請聯系我們刪除,謝謝!
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制,八進制,十六進制。八進制前面要加0,后面...
2022年天津專場考試原定于3月19日舉行,受疫情影響確定延期,但目前延期后的考試時間推遲。 符合報名條件的考生,須在規定時間登錄招考資訊網(www.zha...
:喜歡聽,樂意看。指很受歡迎?!巴卣官Y料”喜聞樂見:[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】:喜歡聽,樂意看。指很受歡迎。2. 【示例】:這是...
facebook股票結構如何構成的?截至2020年2月15日,facebook的最新市值為5892億美元,臉書的股價自2012年首次公開募股以來也上漲了很多。臉書(中文翻譯成臉書或臉書)是美國的一個社交網絡服務網站,成立于2004年2月4日,總部位于美國加州門洛帕克。2012年3月6日,Windows桌面聊天軟件Facebook Messenger發布。主要創始人是馬克扎克伯格。其實faceboo...
以租代購是什么意思?以租代購,顧名思義,是指以租借的形式,來替代采購。以租代購是一種通過租賃來達到財務目標的商業模式。租車購車是一種以商品交易為形式的汽車消費金融業務。它是一種以客戶常租車輛及二手車車輛處置為一體的打包業務為手段,實現客戶分期買車目的的一種汽車消費形式。汽車采用長期租賃模式,每月按月繳納一次租金,租期滿時,汽車產權轉移到顧客名下。以租代購無力償還怎么辦?如果是不能一次還清的話,可以...
中國銀行的分期手續費是根據分期時間和利率計算的,以下是中行分期手續費率:1、如果分3期,費率為1.95%。2、如果分6期,費率為3.60%。3、如果分9期,費率為5.40%。4、如果分12期,費率為7.20%。5、如果分18期,費率為11.70%。6、如果分24期,費率為費率為15%。中國銀行(BANK OF CHINA)是中央管理的大型國有銀行,國家副部級單位,中國香港、中國澳門的發鈔行,于19...