一倍圖：設計稿320px 原名.png。二倍圖：設計稿640px 原名@2x.png三倍圖：設計稿750px 原名@3x.png ...

例子 一倍屏：1物理像素 = 1px二倍屏：2物理像素 = 1px三倍屏：3物理像素 = 1px為什么要有二 ...

/* 如果設備像素大於等於2，則用2倍圖 */ @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2) { .img ...

使用 CSS 的 DevicePixelRatio 媒查詢屬性 參考 CSS 或 srcset 讓瀏覽器自動切換 1X/2X/3X圖像 移動端項目中 @2x 圖 和 @3x 圖 的使用（需要支持css3） scss寫法 css樣式中調用 bg-image 方法 方法二:直接使用 ...

...

萌狼藍天 2022年 3月 11日 學號：202006070225 一、填空題 1.視口分為布局視口、視覺視口、理想視口 2視口通過<meta>標簽來設置 3.初始化移動端默認樣式使用的庫是normalize.css backgound-size 中把背景圖片擴展 ...

EXCELL格式 1 csv格式導出來之后不能用EXCELL打開，會亂碼。用記事本打開，然后將“（英文的引號出掉），就可以了。 關於二倍圖的操作 概念： 設備像素:也叫物理像素，顯示設備上最微小的物理部件。 比如 iphone 5：640 x 1136px. 不同的機型有不同的設備像素 ...

1. 視口：(布局視口(layout viewport)，視覺視口(visual viewport)，理想視口(ideal viewport)) meta 視口標簽 <meta nam ...