max(min)-device-width和max(min)-width的區別

max-device-width和max-width的區別

max-device-width和max-width是有區別的，表如今以下幾個方面：

一、max-device-width是設備整個顯示區域的寬度，例如，真實的設備屏幕寬度。

二、max-width是目標顯示區域的寬度，例如，瀏覽器寬度。

三、若是使用max-device-width，那麼在PC瀏覽器上瀏覽網頁時，縮小或放大瀏覽器時是不執行CSS的，由於「PC設備」沒有變化。但若是使用max-width，縮小或放大瀏覽器時是執行CSS的，由於「顯示區域」即瀏覽器大小發生了變化。

四、若是使用max-device-width，那麼當手機由豎變橫時，CSS是不執行的，由於「手機寬度」並無變化。若是使用max-width，那麼當手機由豎變橫時，CSS是執行的，由於「顯示區域」發生了變化。

五、一般，面向「移動設備」用戶使用max-device-width；面向「PC設備」用戶使用max-width。