... 這是關(guān)于移動端適配的第一篇文章,這篇文章主要介紹視口以及和視口有關(guān)的meta標(biāo)簽的使用。 不管三七二十一,我們先新建一個頁面: 這不是一個demo *{margin: 0; padding: 0;} div{height: 10...
在 PC 端,視口指的是瀏覽器的可視區(qū)域,其寬度和瀏覽器窗口的寬度保持一致。在 CSS 標(biāo)準(zhǔn)文檔中,視口也被稱為初始包含塊,它是所有 CSS 百分比寬度推算的根源,給 CSS 布局限制了一個最大寬度。 而移動端則較為復(fù)雜,它...
在 PC 端,視口指的是瀏覽器的可視區(qū)域,其寬度和瀏覽器窗口的寬度保持一致。在 CSS 標(biāo)準(zhǔn)文檔中,視口也被稱為初始包含塊,它是所有 CSS 百分比寬度推算的根源,給 CSS 布局限制了一個最大寬度。 而移動端則較為復(fù)雜,它涉...
...:物理像素,設(shè)備獨(dú)立像素,設(shè)備像素比,css像素,布局視口,可視視口,理想視口以及css單位rem。 物理像素(設(shè)備像素)屏幕的物理像素,又被稱為設(shè)備像素。任何設(shè)備屏幕的物理像素出廠時就確定了,是固定不變的。設(shè)備獨(dú)...
...:物理像素,設(shè)備獨(dú)立像素,設(shè)備像素比,css像素,布局視口,可視視口,理想視口以及css單位rem。 物理像素(設(shè)備像素)屏幕的物理像素,又被稱為設(shè)備像素。任何設(shè)備屏幕的物理像素出廠時就確定了,是固定不變的。設(shè)備獨(dú)...
...:物理像素,設(shè)備獨(dú)立像素,設(shè)備像素比,css像素,布局視口,可視視口,理想視口以及css單位rem。 物理像素(設(shè)備像素)屏幕的物理像素,又被稱為設(shè)備像素。任何設(shè)備屏幕的物理像素出廠時就確定了,是固定不變的。設(shè)備獨(dú)...
...。 糾纏不清的關(guān)系 文章開始,我們需要來捋清楚像素、視口以及縮放之間種種藕斷絲連的關(guān)系,來抽絲剝繭一波。 像素 像素我們寫得多了,不就是px嘛,為什么要拿出來說呢?因?yàn)橄袼剡€不僅僅就是px。 設(shè)備像素 設(shè)備像素也...
...。 糾纏不清的關(guān)系 文章開始,我們需要來捋清楚像素、視口以及縮放之間種種藕斷絲連的關(guān)系,來抽絲剝繭一波。 像素 像素我們寫得多了,不就是px嘛,為什么要拿出來說呢?因?yàn)橄袼剡€不僅僅就是px。 設(shè)備像素 設(shè)備像素也...
...。 糾纏不清的關(guān)系 文章開始,我們需要來捋清楚像素、視口以及縮放之間種種藕斷絲連的關(guān)系,來抽絲剝繭一波。 像素 像素我們寫得多了,不就是px嘛,為什么要拿出來說呢?因?yàn)橄袼剡€不僅僅就是px。 設(shè)備像素 設(shè)備像素也...
...到非常多的概念:像素、分辨率、PPI、DPI、DP、DIP、DPR、視口等等,你真的能分清這些概念的意義嗎? 本文將從移動端適配的基礎(chǔ)概念出發(fā),探究移動端適配各種問題的解決方案和實(shí)現(xiàn)原理。 一、英寸 一般用英寸...
...邏輯像素,物理像素經(jīng)過折算之后的像素?cái)?shù)。也就是理想視口的尺寸 iPhone5 屏幕本來是 640px 寬,但是折算成了 320pxiPhone6 物理像素 750px 款,折算成 375pxiPhone6P 略微奇葩一點(diǎn),物理像素實(shí)際 1080px 寬,但是系統(tǒng)向外暴露的確是 1242p...
ChatGPT和Sora等AI大模型應(yīng)用,將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
一、活動亮點(diǎn):全球31個節(jié)點(diǎn)覆蓋 + 線路升級,跨境業(yè)務(wù)福音!爆款云主機(jī)0.5折起:香港、海外多節(jié)點(diǎn)...
大模型的訓(xùn)練用4090是不合適的,但推理(inference/serving)用4090不能說合適,...