近一兩年，HTML5在中國很火，也出了不少HTML5工具和模板。別的先不說，對於不同的H5工具，解決屏幕自適應問題的區別是什么？ 簡單來說，感應式設計是當用不同設備訪問時，能夠根據設備的寬度和高度對設備進行動態的適配。例如，用iPhone4、iPhone5、iPhone6、PC、iPad ...

CSS實現自適應不同大小屏幕的背景大圖的兩種方法 一張清晰漂亮的背景圖片能給網頁加分不少，設計師也經常會給頁面的背景使用大圖，我們既不想圖片因為不同分辨率圖片變形，也不希望當在大屏的情況下，背景有一塊露白，簡而言之，就是實現能自適應屏幕大小又不會變形的背景大圖 ...

第一種：使用background-size:cover; background-size屬性指定背景圖片大小。 注意瀏覽器兼容。 ======================= ...

1、使用meta標簽：viewport H5移動端頁面自適應普遍使用的方法，理論上講使用這個標簽是可以適應所有尺寸的屏幕的，但是各設備對該標簽的解釋方式及支持程度不同造成了不能兼容所有瀏覽器或系統。 viewport 是用戶網頁的可視區域。翻譯為中文 ...

1、使用meta標簽：viewport H5移動端頁面自適應普遍使用的方法，理論上講使用這個標簽是可以適應所有尺寸的屏幕的，但是各設備對該標簽的解釋方式及支持程度不同造成了不能兼容所有瀏覽器或系統。 viewport 是用戶網頁的可視區域。翻譯為中文可以叫做"視區"。 手機瀏覽器 ...

1、使用meta標簽：viewport H5移動端頁面自適應普遍使用的方法，理論上講使用這個標簽是可以適應所有尺寸的屏幕的，但是各設備對該標簽的解釋方式及支持程度不同造成了不能兼容所有瀏覽器或系統。 viewport 是用戶網頁的可視區域。翻譯為中文可以叫做"視區"。 手機瀏覽器 ...

　　今天做了一個練習，要求用兩種方法來實現左側寬度固定、右側寬度自適應的兩列布局。一開始我以為會很簡單，畢竟只是練習，但是我寫出了一種方法之后卻沒能順利的寫出第二種方法。對於網上的一些解決方法我還是不太滿意，於是自己繼續琢磨着，問問一些前輩，希望得到一些思路。終於，皇天不負有心人，在自己翻譯的一篇 ...

因為web app跨平台的特性，決定着自適應方案在整個項目的重要性。 特別對於Android眾多分辨率和屏幕尺寸的機器群，找到合適通用的解決方案顯得尤為重要 1.頁面大小 有沒有遇到過一個情況？在iphone 4機器上開發時，明明分辨率是960*640，我們寫一個320px的容器，竟然占滿 ...