HTML5里面自动适应手机屏幕的高度方法：
使用meta标签，这也是普遍使用的方法
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>解释该标签的含义：
height=device-width 就是设置页面的高度，为手机的高度
能，但是需要响应式设计方法来开发我们的web网页。1、响应式设计需要做的有很多技术和技巧，和做电脑端网页一样,响应式开发需要div等元素就可以自动适应屏幕大小，就是在设置每个元素属性的时候要用百分比,最好不要用px
2、当下响应式布局设计需要使用HTML5技术和CSS3技术才能完美的开发出来，通过不同的媒介类型和条件定义样式表规则。媒介查询让CSS可以更精确作用于不同的媒介类型和同一媒介的不同条件。媒介查询的大部分媒介特性都接受min和max用于表达”大于或等于”和”小于或等于”。如：width会有min-width和max-width媒介查询可以被用在CSS中的@media和@import规则上，也可以被用在HTML和XML中。通过这个标签属性，我们可以很方便的在不同的设备下实现丰富的界面，特别是移动设备，将会运用更加的广泛。
用以下代码开头：<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
使用百分比定义宽度，，
CSS代码可以适当使用：
@media only screen and (max-width:449px){
}
自动根据屏幕像素 调用不同的CSS代码。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）