1. 流式布局:使用百分比像素來定義網頁內容。通過設置盒子的寬度設置為百分比來根據屏幕的寬度來進行伸縮,不受固定像素的限制,內容向兩邊填充。
2. 響應式開發:使用css3的媒體查詢(Media Query),通過查詢screen的寬度來指定某個寬度范圍區間的網頁布局。
* 超小屏幕(移動設備) 768px一下
* 下屏設備768px-992px;
* 中等屏幕 992px-1200px;
* 寬屏設備 1200px已上
3. 移動web和響應式的區別
* 移動web:一般在已經有的pc端的網站,開發移動網站的時候,只需要單獨開發移動端。只適配移動端。
* 響應式開發:需要一套頁面,兼容各個頁面,可以適配各種終端,代碼復雜。
- 怎么將元素水平垂直居中
- 實現元素水平居中
- position幾個屬性的作用
- px,em,rem的區別
- BFC
- box-sizing, transition, translate 分別是什么
- 選擇器的優先級
- css3選擇器有那些
- iframe的作用
- 導航欄在chrome中完好,在IE中有問題。
- CSS3新特性有那些
- xhtml和html的區別
- css引入方式有哪些,link和@import的區別是
- 標簽上的title于alt屬性的區別是什么
- css reset的作用和用途
- css sprites,如何使用
- 清除浮動的幾種方式
- z-index的工作原理及適用范圍
- 設計一套方案,適應不同的分辨率,有那些方法可以實現
- 漸漸增強和優雅降級的區別
- 改變元素的外邊距用什么屬性?改變元素的內填充用什么屬性
- 在新窗口打開連接的方法是
- 頁面布局中得而結構和表現分離,結構是什么?表現是什么
- 簡述對web語義化的理解
- .html文件中的DOCTYPE是什么?有什么用
- css選擇器的種類有幾種?css選擇器的優先級是怎么定義的
- display:none;與visibility:hidden;的區別是什么
- 文字溢出省略