Javascript HTML5整个网站可匹配移动设备上的屏幕分辨率_Javascript_Android_Jquery_Ios_Html

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

javascript android jquery ios html

Javascript HTML5整个网站可匹配移动设备上的屏幕分辨率,javascript,android,jquery,ios,html,Javascript,Android,Jquery,Ios,Html,我有一个使用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_T

我有一个使用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">
<!--

}

在移动设备上查看时，宽度与屏幕匹配，但高度对于移动屏幕来说太大（用户必须向下滚动），如何匹配分辨率。类似于响应性设计

我还需要在代码的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>

您必须在css中实现媒体查询。请通过下面提到的链接了解具体的实现

使用mediaQueries进行移动布局将高度设置为自动；您不需要明确地给出高度。高度由DIV中的内容决定

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