Question

我有一个使用html5，jquery和css创建的Web应用程序，其中包含

<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类，例如。

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

}

在移动设备上查看时，宽度与屏幕匹配，但是移动屏幕的高度太大（用户必须向下滚动）我如何才能匹配分辨率。类似于响应式设计？

我还需要在代码的html部分或css中将高度设置为AUTO吗？

<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>

Answer 1

您必须在css中实现媒体查询。请通过以下提到的具体实施链接...

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

HTML5整个网站，以匹配移动设备上的屏幕分辨率

1 个答案: