PC端 按屏幕寬度大小排序（主流的用橙色標明） 分辨率 比例 | 設備尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例 ...

PC端 按屏幕寬度大小排序（主流的用橙色標明） 分辨率 比例 | 設備尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例 ...

PC端************ 按屏幕寬度大小排序（主流的用橙色標明） 分辨率 比例 | 設備尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280 ...

PC端************ 按屏幕寬度大小排序（主流的用橙色標明） 分辨率 比例 | 設備尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280 ...

PC端************ 按屏幕寬度大小排序（主流的用橙色標明） 分辨率 比例 | 設備尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280 ...

然后利用rem單位來編寫頁面，就能完美適配各種pc屏幕 ...

前言 在項目中，要想實現自適應，往往需要百分比+rem結合。本文實現內容如下：不同窗口大小，文字自適應 第一步 設置媒體查詢樣式，不同的pc端窗口設置不同的html跟字體大小（為什么設這個我就不說了，看rem概念就知道了） reset.scss放在assets/style ...

響應式布局原理 媒體查詢應用 響應式布局示例 外部樣式的引入方式 一、響應式布局原理 1.1響應式布局特點：網頁寬度自動調整、盡量少使用絕對寬度、字體的大小使用相對單位（rem、em）、布局盡量使用浮動（流式布局）。 1.2響應式布局核心技術：媒體查詢（@media ...