淺談移動端中的視口（viewport）
在 PC 端，視口指的是瀏覽器的可視區域，其寬度和瀏覽器窗口的寬度保持一致。在 CSS 標准文檔中，視口也被稱為初始包含塊，它是所有 CSS 百分比寬度推算的根源，給 CSS 布局限制了一個最大寬度。 而移動端則較為復雜，它涉及到三個視口：布局視口（Layout Viewport）、視覺視口 ...
花費 9 ms
物理像素，ppi，邏輯分辨率和物理分辨率
1 明確幾個概念： 物理像素：屏幕物理像素 屏幕像素密度ppi：pixels per inch，屏幕上每英寸可以顯示的像素點的數量，即屏幕像素密度。順便一提，ppi就是dpi，只不過有文章里說蘋果喜 ...
HTML中meta=“viewport”的介紹
viewport就是瀏覽器上用來顯示網頁的那部分區域 layout viewport:整個網頁所占據的區域（包括可視也包括不可視的區域） 默認的 visual viewport:網頁在瀏覽器上的可視區域（瀏覽器中能夠看見的區域） ideal viewport:ideal ...
web 移動端項目適配
前置 這篇文章能夠幫助你了解 web 移動端適配。如有不足，懇請指點一二！ 單位 分辨率: 單位面積顯示像素的數量，和 css 無關 DPI：圖像每英寸長度內的像素點數（1 英尺=30 ...
meta標簽常用屬性
Keywords（關鍵詞） 說明：告訴搜索引擎你網頁的關鍵字（keywords）使用方法：<meta name="keywords" content="標簽,屬性,seo優化"> ...
深度解析響應式布局
概念 響應式布局，就是響應式設計方案的呈現。具體點就是在不同的設備上，網頁能自動識別屏幕寬度、並根據設備的顯示面積（一般情況下是指的屏幕寬度，當然，也可以是其他的，可以在下面詳細解釋）顯示出不同的效 ...
瀏覽器兼容html頭部
標簽主要內容詳情
<!DOCTYPE html> <head> <meta http-equiv="X-UA-Compatible" cont ...
知乎問題：為什么很多web項目還是使用 px，而不是 rem？
建議讀者不要使用flexible或者其他修改viewport致使viewport width不等於dev ...
HTML頁面meta標簽內容詳解
所有的瀏覽器都支持meta標簽，用於提供頁面相關信息，信息都是以名（http-equiv和name標示）/值（content標示）對的形式現實。 屬性content，用於定義http-equiv(定 ...
[學習筆記]viewport定義，彈性布局，響應式布局
一，移動端寬度設置viewport視圖窗口，<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">，視窗寬度=設備寬度，默認縮放=1，不允許用戶縮放。 二，flexbox ...