❶ 響應式布局xhtml css2能實現嗎還是響應式布局只能用html5和css3實現呢

響應式布局的關鍵在於 css的媒體查詢
@media screen and (width:xxx)

所以支持@media的瀏覽器都可以,html版本沒關系

❷ HTML中怎樣的布局方式稱為響應式布局

借用網路一句話:響應式布局是Ethan Marcotte在2010年5月份提出的一個概念,簡而專言之,就是一個網站能夠兼容多個終端——屬而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。
響應式布局就是可以,適應多種設備的網頁,比如電腦端和移動端 可以共用同一套CSS。不需要為單獨的設備而開發相應程序

❸ 什麼是HTML5響應式網站

響應式網站設計(Responsive Web design)的理念是:集中創建頁面的圖片排版大小,可以智能地根據用戶行為以及使用的設備環境(系統平台、屏幕尺寸、屏幕定向等)進行相對應的布局。如果你需要做一個響應式網站可以去大腕互聯看看,他們的響站是五網合一網站建設的,方便管理,快捷創建。

❹ 如何進行HTML5響應式布局案例分析

你要做響應式布局么,移動端還是pc端,用bootstrap,或者rem。如果說要對已經做好的進行分析,還是看一下源碼,要不沒法回答。不明白繼續追問吧,

❺ html5怎麼製作一個響應式網頁

HTML5 製作響應式網頁,首先需要考慮是全平台適配還是只是移動端適配。這里以移動端響應式網站為例,講述如何製作響應式網頁。

1、選定基本設計尺寸,一般以1080為基準。確定響應式web設計的應用場景之後,和美工(或設計師)溝通,之前,一般需要美工出幾套主流移動設備屏幕解析度的設計圖,現在,使用流式布局以及rem等可以使用一套設計圖,以最常用的移動設備屏幕解析度為基準。

2、當美工完成設計圖之後,前端工程師的工作就開始了。這時你就可以使用PS或是FW進行切圖了。一般說來,Fireworks cs6切圖更快,但是Fireworks有時會有圖片失真的情況發生,所以,有時需要使用PS進行配合,PS有切片工具可以專門用來切圖。

❻ html5移動端開發和響應式設計差別在哪裡

html5移動端開發和響應式設計沒有必然聯系,不過在HTML5移動開發中經常會經常使用響應式設計。
1、響應式設計不僅用在移動網站,在PC端也有不同屏幕的適配,而且移動端和PC端可以只使用一套代碼,這就是全平台的響應式設計。
2、HTML5移動端(移動網站、混合應用、WebAPP)為了解決屏幕適配經常會使用響應式設計(流式布局、CSS3媒體查詢),但是響應式設計並不是必須,也可以使用流式布局和remnant來解決移動端的屏幕適配問題。

(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
};

if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
3、HTML5移動端開發最初的時候使用固定布局,兩邊留白,那時也沒有用到響應式設計,不過,那種用戶體驗不好。

❼ 響應式布局是怎麼回事 只能用html5跟css3寫代碼嗎 能用html跟css寫嗎

響應式布局就是根據瀏覽器顯示區域大小不同顯示不同的樣式,比如說你的瀏覽器是電腦1366*768就顯示寬屏布局(如左右布局),如果是手機寬480px,就顯示適用於手機的布局(如上下布局)。
響應式布局和一般是使用css3的@media屬性,設置當瀏覽器寬度不同時就調用不同的css。
以前,一般都是使用js來判斷瀏覽器是手機端還是pc端,是手機端的話就用手機端的css或整個頁面跳轉到專門的手機網站,是PC端就使用PC端css。但是現在移動端更豐富了,手機屏幕大小不一,還有pad等介於中間的屏幕大小,所以就有了響應式布局這個更適用於移動互聯網的概念產生。

❽ html5和響應式頁面到底是有什麼關系bootstrap框架和html5有關系嗎

html5是html4的更新標准。html5新增了一些html標簽以及這些標簽對應的css和js介面。 bootstrap是在html5標准形成之際推出的,因此bootstrap天生含有html5的一些標簽和特性。 比如,bootstrap支持響應式設計,具體體現在bootstrap的css庫(主要是啟用了css3標準的media query功能)實現了各種設備下的一些預設的html+css組件(就是一些半成品的代碼片段,適合在網頁各個地方復制粘貼)。

簡單說:
html5是html的最新標准 ,體現在新標簽,新css標准,新js介面
bootstrap是基於html5技術的一個好用的前端代碼框架,可以簡單的復制粘貼,修修改改做一個漂亮頁面
響應式設計是一種設計實現理念 ,css3的meida query功能讓這個理念的實現變的現實而方便。
H5是指在html5標准推行以後,利用html5新特性在手機上的配合市場營銷採用了大量的js css 及canvas技術實現的頁面。個人認為H5的概念很狹隘不能代表整個web前端,更不能包含webapp。 但H5的概念也可以變的更寬放,泛指一切在手機上實現的應用或頁面。

❾ HTML5響應式布局跟Bootstrap有什麼聯系

html5是html4的更新標准。html5新增了一些html標簽以及這些標簽對應的css和js介面。 bootstrap是在html5標准形成之際推出的,因此bootstrap天生含有html5的一些標簽和特性。 比如,bootstrap支持響應式設計,具體體現在bootstrap的css庫(主要是啟用了css3標準的media query功能)實現了各種設備下的一些預設的html+css組件(就是一些半成品的代碼片段,適合在網頁各個地方復制粘貼)。
簡單說:
html5是html的最新標准 ,體現在新標簽,新css標准,新js介面
bootstrap是基於html5技術的一個好用的前端代碼框架,可以簡單的復制粘貼,修修改改做一個漂亮頁面
響應式設計是一種設計實現理念 ,css3的meida query功能讓這個理念的實現變的現實而方便。
H5是指在html5標准推行以後,利用html5新特性在手機上的配合市場營銷採用了大量的js css 及canvas技術實現的頁面。個人認為H5的概念很狹隘不能代表整個web前端,更不能包含webapp。 但H5的概念也可以變的更寬放,泛指一切在手機上實現的應用或頁面。

❿ html5和響應式頁面到底是有什麼關系

html5是html4的更新標准。html5新增了一些html標簽以及這些標簽對應的css和js介面。 bootstrap是在標准形成之際推出的,因此bootstrap天生含有html5的一些標簽和特性。 比如,bootstrap支持響應式設計,具體體現在bootstrap的css庫(主要是啟用了css3標準的media query功能)實現了各種設備下的一些預設的html+css組件(就是一些半成品的代碼片段,適合在網頁各個地方復制粘貼)。

簡單說:
html5是html的最新標准 ,體現在新標簽,新css標准,新js介面
bootstrap是基於html5技術的一個好用的前端代碼框架,可以簡單的復制粘貼,修修改改做一個漂亮頁面
響應式設計是一種設計實現理念 ,css3的meida query功能讓這個理念的實現變的現實而方便。
H5是指在html5標准推行以後,利用html5新特性在手機上的配合市場營銷採用了大量的js css 及canvas技術實現的頁面。個人認為H5的概念很狹隘不能代表整個web前端,更不能包含webapp。 但H5的概念也可以變的更寬放,泛指一切在手機上實現的應用或頁面。