1. 程式人生 > >深入理解各種佈局方式:靜態,自適應,流式,響應式,彈性

深入理解各種佈局方式:靜態,自適應,流式,響應式,彈性

一.靜態佈局

    這是我們傳統的WEB佈局,是初學者在早期學習html和css時常用的佈局方式,也是我們最熟悉的一種方式,它一般來說比較死板,我們使用單位px作為網頁上一切元素尺寸的衡量標準。

特點:這種佈局值按照當時設計程式碼時所呈現的螢幕大小尺寸,在這個特定的尺寸下才能全部顯示。一旦出現瀏覽器視窗縮小,網頁的佈局不會改變,會出現滾動條,你可以通過滾動條去檢視全部網頁。他非常簡單,並且不存在相容性的問題,但是很明顯他不能隨著瀏覽器視窗的變化而呈現出不同的表現,給人的感覺就是一種靜態。

PS:這種佈局方式我們常見於PC端。

相關推薦

深入理解各種佈局方式靜態適應響應彈性

一.靜態佈局    這是我們傳統的WEB佈局,是初學者在早期學習html和css時常用的佈局方式,也是我們最熟悉的一種方式,它一般來說比較死板,我們使用單位px作為網頁上一切元素尺寸的衡量標準。特點:這種佈局值按照當時設計程式碼時所呈現的螢幕大小尺寸,在這個特定的尺寸下才能全

HTML網頁佈局靜態適應響應

靜態佈局(Static Layout)即傳統Web設計,對於PC設計一個Layout,在螢幕寬高有調整時,使用橫向和豎向的滾動條來查閱被遮掩部分;對於移動裝置,單獨設計一個佈局,使用不同的域名如wap.或m.。自適應佈局(Adaptive Layout)自適應佈局(Adapt

IT 移動端足跡第三十五步靜態適應響應四種HTML網頁佈局的區別(哪種佈局在移動端最好用)

1)靜態佈局:在PC端與移動端用2個佈局;一個元素的位置和大小都不變化;2)自適應佈局:在PC端與移動端用2個佈局;一個元素的位置會變化。3)流式佈局:在PC端與移動端1個佈局;元素的位置會變化,元素的

深入理解單例模式靜態內部類單例原理

這樣的 加載 hand 優點 傳遞 多個 喚醒 ref 一個   本文主要介紹java的單例模式,以及詳細剖析靜態內部類之所以能夠實現單例的原理。OK,廢話不多說,進入正文。    首先我們要先了解下單例的四大原則:    1.構造私有。    2.以靜態方法或者枚舉返回實

深入理解JVM之七靜態分派與動態分派

前言 這裡所謂的分派指的是在Java中對方法的呼叫。Java中有三大特性:封裝、繼承和多型。分派是多型性的體現,Java虛擬機器底層提供了我們開發中“重寫”和“過載”的底層實現。其中過載屬於靜態分派,而重寫則是動態分派的過程。除了使用分派的方式對方法進行呼叫之

靜態適應響應佈局的區別

今天在群裡聊天,突然聊到這個問題.發現自己理解的也不算很清楚明瞭,也沒法給別人講出來. 問題不能留過夜,百度了半天的資料,大概有了自己的總結: 靜態: 不管在那種裝置,那種瀏覽器上瀏覽都是一個樣.當然,移動裝置上可以縮放,或者顯示不全. 自適應:也就是自動適應螢幕的.元

靜態適應響應四中佈局的區別

靜態佈局:不管瀏覽器大小有多大,設定的網頁大小不會改變,如果用手機訪問,橫向和豎向都會有滾動條,不能縮放大小,寬度固定 自適應佈局:網頁內容自動適應螢幕解析度的變化,但數量和位置不會發生變化(自適應的體驗http://m.ctrip.com/html5/ )

靜態適應響應

OS 分享 col 優缺點 log pan 大小 設計 支持 靜態布局:頁面的寬高是固定的,超出頁面的內容用戶手動拖拽。手機端的話,另外設計一套。 自適應布局:用媒體查詢(@media)根據不同屏幕定義不同的寬高,比靜態布局少了用戶手動拖拽的幾率。 (因為媒體查詢範圍不能做

深入理解Oracle表(5)三大表連線方式詳解之Hash Join的定義原理演算法成本模式和點陣圖

 Hash Join只能用於相等連線,且只能在CBO優化器模式下。相對於nested loop join,hash join更適合處理大型結果集        Hash Join的執行計劃第1個是hash表(build table),第2個探查表(probe table),

深入理解Java虛擬機JVM高級屬性與最佳實踐》讀書筆記(更新中)

pen 內存區域 深度 span 進化 ria 最短 描述 core 第一章:走進Java 概述 Java技術體系 Java發展史 Java虛擬機發展史 1996年 JDK1.0,出現Sun Classic VM HotSpot VM, 它是 Sun JDK 和 Open

CSS深入理解之vertical-alignmiddle的小bug

mage css -a 分享 .com 屬性 需要 如何解決 存在 vertical-align 屬性設置元素的垂直對齊方式; 想必大家都知道這個屬性,也知道怎麽用。但是今天我要說的是其中值:middle(把此元素放置在父元素中部)存在的一個小小的bug...... 如果

深入理解Java虛擬機JVM高級特性與最佳實踐》【PDF】下載

構建 實現原理 jvm內存 本地方法棧 人物 lvm 劃分 同時 棧溢出 《深入理解Java虛擬機:JVM高級特性與最佳實踐》【PDF】下載鏈接: https://u253469.pipipan.com/fs/253469-230062566 內容簡介 作為一位j

深入理解JVM虛擬機(一)Java運行時數據區域

字面量 符號 地方 64位 因此 lower 優化 java堆大小 工作 概述 JVM是Java語言的精髓所在,因為它Java語言實現了跨平臺運行,以及自動內存管理機制等,本文將從概念上介紹JVM內存的各個區域,說明個區域的作用。 JVM運行時數據區模型 Java虛擬機在執

頁面布局的幾種方式靜態化布局布局適應布局響應布局彈性布局)

情況下 sea 手機 窗口大小 media sys tps 差異 媒體 一、靜態布局(static layout)   即傳統Web設計,網頁上的所有元素的尺寸一律使用px作為單位。 1、布局特點   不管瀏覽器尺寸具體是多少,網頁布局始終按照最初寫代碼時的布局來顯示。常規

深入理解Java中的同步靜態方法和synchronized(class)程式碼塊的類鎖 深入理解Java併發synchronized同步化的程式碼塊不是this物件時的操作

一.回顧學習內容  在前面幾篇部落格中我我們已經理解了synchronized物件鎖、物件鎖的重入、synchronized方法塊、synchronized非本物件的程式碼塊,  連結:https://www.cnblogs.com/SAM-CJM/category/1314992.h

java swing 常用的三種佈局方式邊界佈局佈局、網格佈局管理器

作者:firstmiki 來源:firstmiki的部落格 著作權歸作者所有,轉載請聯絡作者獲得授權。 這篇博文僅僅簡單介紹了三種常見的佈局管理器,都是一些簡單應用; 一、 邊界佈局管理器(FlowLayout) /* * 功能:演示邊界佈局管理器:元件的位

深入理解TCP(2)TCP的斷開一定是四次揮手嗎?FIN_WAIT_2和CLOSE_WAITTIME_WAIT以及LAST_ACK的細節

答案是否定的 1我們回顧下使用wireshark的抓包 1.1. 伺服器未開 客戶端嘗試連線 1.2 建立連線然後關閉,斷開的時候時候有時候三次握手有時候四次握手 1.3. 建立連線,互動一次然後斷開 根據wireshark的包,四會握手的第二步

深入理解Tomcat系列之一系統架構

chan 比較 efi 多個 soci 重點 之一 處理流程 containe 前言: Tomcat是Apache基金組織下的開源項目,性質是一個Web服務器。下面這種情況很普遍:在eclipse床架一個web項目並部署到Tomcat中,啟動tomcat,在瀏覽器中輸入一個

Java 集合深入理解(4)List 介面

在 Java 集合深入理解:Collection 中我們熟悉了 Java 集合框架的基本概念和優點,也瞭解了根介面之一的 Collection,這篇文章來加深 Collection 的子介面之一 List 的熟悉。 List 介面 一個 List 是一個元素有

深入理解Java中的同步靜態方法和synchronized(class)程式碼塊的類鎖

一.回顧學習內容  在前面幾篇部落格中我我們已經理解了synchronized物件鎖、物件鎖的重入、synchronized方法塊、synchronized非本物件的程式碼塊,  我們來總結一下,上面幾篇講到內容:  1.建立執行緒類的兩個方式:繼承Thread類和實現Runable介面。  2.瞭解了Th