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

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

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

❷ 如何實現網頁的響應式布局

不用那麼那麼麻煩的,這個可以使用nicebox來搞,希望可以幫到你。

❸ 求最新HTML5+CSS3視頻教程 完整的 系統點的 謝謝了百度網盤的最好了

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

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

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

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

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

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

❻ 怎麼用css製作一個響應式布局的導航欄

這樣的你需要使用到css樣式

你可以去了解下

  • Media Queries 響應媒體查詢

你可以多去參考一些比較前沿的網站

比如 ipbun.cn 這樣網站的響應式做的不錯

❼ 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的概念也可以變的更寬放,泛指一切在手機上實現的應用或頁面。

❽ 新手如何快速搭建一個HTML5響應式網站

bootstrap

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

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