html5网页如何适配手机(网页怎么适应手机)

html5网页如何适配手机,网页怎么适应手机

内容导航：

html5页面怎么适应手机屏幕

android开发html5页面怎么适配不同手机分辨率

HTML5如何设计网页

html5页面怎么适应个手机的尺寸

一、html5页面怎么适应手机屏幕

在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。 其中：width=device-width ：表示宽度是设备屏幕的宽度initial-
scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例user-
scalable=yes：表示用户是否可以调整缩放比例IT JOB 远 标

二、android开发html5页面怎么适配不同手机分辨率

android中不同手机分辨率适配问题在项目开发的过程中，同一个布局对应不同的手机会显示出不同的效果。
导致这个现象产生的原因是不同手机的分辨率不同。
在android sdk提供的帮助文档中，我们可以看到各种手机的分辨率和对应的屏大小。
QVGA (240×320)，WQVGA400(240×400)，WQVGA432 (240×432)，HVGA (320×480)，WVGA800
(480×800)，WVGA854 (480×854)。
目前android手机的分辨率大致就是帮助文档中描述的几种。
我们可以用两种方式进行不同手机的适配。
一种是在java代码中，另外一种是在xml文件中。
具体使用哪种方式更有效更合适，要看具体的情况而定。
在以前的项目中，我之前做过关于历史聊天记录，每页显示条数的匹配。
不同的手机，每页可以显示历史记录的条数是不同的。
我采用的是在java代码中做匹配。
不同分辨率的手机，他们都有固定的屏高。
例如，480×800，屏高是800。
240×320，屏高是320。
根据屏高为判定条件，为每一页显示历史记录的条数做一个限制。
我个人觉得，在java代码中做手机匹配，要看匹配的布局中，控件是否太多，不太多，可以在java代码中根据不同的情况修改，否则，java代码将会显得很冗长，修改起来也很麻烦。
在xml进行手机匹配，主要是针对布局中控件太多，不方便在java代码中修改的情况。
在xml中解决不匹配问题很简单，对于不同手机的分辨率，建立对应的layout文件即可。
例如：480×800，之间建立layout-800×400,240×320，建立layout-320×240。
特别注意：大的写在前面，例如800,320，小的写在后面，例如480,240。
建立了相应的layout后，还要在不同的手机上调整布局中的控件大小和位置。
在本次项目中，我负责不同手机视图的匹配问题，我选择的是xml匹配方式，结果发现按上面的方式做了之后，对应分辨率的手机的显示没有任何的效果，后来，我查看帮助文档后，发现必须要在androidmainfest中进行如下代码的配置：如果没有这几行代码，不管你怎么调整layout中的控件，对应分辨率的手机是没有任何效果的。
注意：由于android版本的不同，有些版本不支持xlargeScreens，可以直接将android:xlargeScreens=”true”去掉。
来源：android屏幕分辨率适配1. 多分辨率支持在设计之初，Android系统就被设计为一个可以在多种不同分辨率的设备上运行的操作系统。
对于应用程序来说，系统平台向它们提供的是一个稳定的，跨平台的运行环境，而关于如何将程序以正确的方式显示到它所运行的平台上所需要的大部分技术细节，都由系统本身进行了处理，无需程序的干预。
当然，系统本身也为程序提供了一系列API，所以在目标平台的分辨率是可以完全确定的情况下，程序也可以精确的控制自身在目标平台上的界面显示方式。
这个文档会说明系统平台究竟提供了哪些分辨率支持特性，与它们如何在程序中使用的信息。
如果你遵循文档中列出的方法，就很容易让你的程序在所有支持的分辨率下都能完美显示。
这样你就可以用一个单独的.apk文件，将你的程序发布到所有的平台上。
如果你已经发布过针对Android
1.5或更早版本平台的程序，你应该仔细阅读这篇文档，然后考虑一下到底如何让自己的老程序可以在拥有各种不同分辨率，并且运行着Android
1.6或更新平台上正常显示。
在绝大部分情况下，只需要对程序作出小小的修改就可以达到目的，但你仍然需要尽可能地在各种分辨率的平台上进行测试。
特别的，如果你有一个已经完成的程序，又想让它可以在超低分辨率的设备（比如320×240）上正确运行，你需要阅读“老程序的更新策略”，那篇文档会告诉你应该怎么做。
2. 术语和概念屏幕尺寸 屏幕的物理尺寸，以屏幕的对角线长度作为依据（比如2.8寸，3.5寸）。
简而言之，Android把所有的屏幕尺寸简化为三大类：大，中，小。
程序可以针对这三种尺寸的屏幕提供三种不同的布局方案，然后系统会负责把你的布局方案以合适的方式渲染到对应的屏幕上。
这个过程是不需要程序员用代码来干预的。
屏幕长宽比 屏幕的物理长度与物理宽度的比例。
程序可以为制定长宽比的屏幕提供制定的素材，只需要用系统提供的资源分类符long和notlong。
分辨率 屏幕上拥有的像素的总数。
注意，虽然大部分情况下分辨率都被表示为“宽度×长度”，但分辨率并不意味着屏幕长宽比。
在Android系统中，程序一般并不直接处理分辨率。
密度 以屏幕分辨率为基础，沿屏幕长宽方向排列的像素。
密度较低的屏幕，在长和宽方向都只有比较少的像素，而高密度的屏幕通常则会有很多——甚至会非常非常多——像素排列在同一区域。
屏幕的密度是非常重要的，举个例子，长宽以像素为单位定义的界面元素（比如一个按钮），在低密度的屏幕上会显得很大，但在高密度的屏幕上则会显得很小。
密度无关的像素（DIP） 指一个抽象意义上的像素，程序用它来定义界面元素。
它作为一个与实际密度无关的单位，帮助程序员构建一个布局方案（界面元素的宽度，高度，位置）。
一个与密度无关的像素，在逻辑尺寸上，与一个位于像素密度为160DPI的屏幕上的像素是一致的，这也是Android平台所假定的默认显示设备。
在运行的时候，平台会以目标屏幕的密度作为基准，“透明地”处理所有需要的DIP缩放操作。
要把密度无关像素转换为屏幕像素，可以用这样一个简单的公式：pixels = dips * (density / 160)。
举个例子，在DPI为240的屏幕上，1个DIP等于1.5个物理像素。
我们强烈推荐你用DIP来定义你程序的界面布局，因为这样可以保证你的UI在各种分辨率的屏幕上都可以正常显示。
支持的屏幕分辨率范围
1.5及更早版本的Android系统，在设计的时候假定系统只会运行在一种分辨率的设备上——HVGA（320×480）分辨率，尺寸为3.2寸。
由于系统只能工作在一种屏幕上，开发人员就可以针对那个屏幕来编写自己的程序，而无需去考虑程序在其他屏幕上的显示问题。
但自从Android 1.6以来，系统引入了对多种尺寸、多种分辨率屏幕的支持，以此满足拥有各种配置的新平台的运行需求。
这就意味着开发人员在针对Android 1.6或更新版系统开发程序的时候，需要为自己的程序在多种分辨率的屏幕上良好显示作出额外的设计。
为了简化程序员面在对各种分辨率时的困扰，也为了具备各种分辨率的平台都可以直接运行这些程序，Android平台将所有的屏幕以密度和分辨率为分类方式，各自分成了三类：
·三种主要的尺寸：大，正常，小； ·三种不同的密度：高（hdpi），中（mdpi）和低（ldpi）。
如果需要的话，程序可以为各种尺寸的屏幕提供不同的资源（主要是布局），也可以为各种密度的屏幕提供不同的资源（主要是位图）。
除此以外，程序不需要针对屏幕的尺寸或者密度作出任何额外的处理。
在执行的时候，平台会根据屏幕本身的尺寸与密度特性，自动载入对应的资源，并把它们从逻辑像素（DIP，用于定义界面布局）转换成屏幕上的物理像素。
下表列出了Android平台支持的屏幕中一些比较常用的型号，并显示了系统是如何把它们分类到不同的屏幕配置里的。
有些屏幕分辨率并不在下面的列表上，但系统仍会把它们归入下列的某一个类型中。
低密度（120），ldpi 中密度（160），mdpi 高密度（240），hdpi 小屏幕 ·QVGA（240×320），2.6～3.0寸普通屏幕
·WQVGA（240×400），3.2～3.5寸 ·FWQVGA（240×432），3.5～3.8寸 ·HVGA（320×480），3.0～3.5寸
·WVGA（480×800），3.3～4.0寸 ·FWVGA（480×854），3.5～4.0寸 大屏幕·WVGA（480×800），4.8～5.5寸
·FWVGA（480×854），5.0～5.8寸如上表所示，所有分辨率的屏幕，都围绕在基准屏幕周围，而基准屏幕在分类中，为“正常”尺寸，与“中”密度。
之所以用HVGA屏幕作为基准屏幕，是因为所有针对Android 1.5或更早的程序都是针对这片屏幕所写的（因为只支持这一片），比如T-Mobile G1。
虽然系统支持上面9种不同配置的屏幕，但你并不一定需要为它们都提供各自不同的资源。
系统已经提供了足够鲁棒（就是在各种恶劣环境下正常工作，对环境变化不敏感）的兼容特性，用于在各种不同的屏幕上良好显示你的程序。
这在下面的文档中会详细描述，如果你需要更多的资料，请查看“与屏幕无关的最佳实践”。
作者“Ant space”可以设的

三、HTML5如何设计网页

答：html5标签掌握了，从上到下从左到右，标签合理使用，先把框架搭好，再结合css3做效果，先花时间把html5css3看两遍，再看网页设计html5制作教程就ok了

四、html5页面怎么适应个手机的尺寸

你好，可以参考bootstrap /css/#grid/ 超小屏幕（手机，小于 768px） // 没有任何媒体查询相关的代码，因为这在
Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） // 小屏幕（平板，大于等于 768px） /@media
(min-width: @screen-sm-min) { … }/ 中等屏幕（桌面显示器，大于等于 992px） /@media (min-
width: @screen-md-min) { … }/ 大屏幕（大桌面显示器，大于等于 1200px） /@media (min-width:
@screen-lg-min) { … } 希望可以帮助到你