HTML5整個網站在移動設備上

我有一個Web應用程序，我創建使用HTML5，jQuery和包含CSS相匹配的屏幕分辨率，HTML5整個網站在移動設備上

<html> 
<head> 
<title>Pascal Pattern Scan Laser Photocoagulator</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<!-- ImageReady Styles (1462_Next_Treatment_Flat.psd) --> 
<style type="text/css"> 
<!--

，你可以看到它是在Photoshop切片，以便爲每個切片我有一個CSS分類例如

div.Table_01 { 
     position:absolute; 
     left:0px; 
     top:0px; 
     width:1024px; 
     height:768px;

}

當在移動設備上觀看的寬度在屏幕相匹配但是高度過大，移動屏幕（用戶必須向下滾動）我怎樣才能分辨率相匹配。類似於響應式設計？

另外我需要在代碼的HTML部分或CSS或兩者都設置高度爲自動？

<div class="Table_01"> 
<div class="id1462-Next-Treatment-Flat-01"> 
    <img src="images/1462_Next_Treatment_Flat_01.jpg" width="1024" height="479" alt=""> 
</div>

來源

2014-03-06 user3323371

移動佈局 –

設置高度設置爲auto使用mediaQueries;你不需要明確地給高度。高度是由DIV內的內容決定的 –

HTML5整個網站在移動設備上

回答

相關問題