HTML5开发手机网页如何获取设备屏幕高并且使用这个值

yubin921130 2015-09-24 08:08:15

我在用HTML5做手机网页的时候，自适应宽度指导怎么弄，高度要用百分比，但是不知道怎么获取设备屏幕高度，并且使用这个值

...全文

853 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

业余草 2015-09-24

打赏
举报

回复

结贴率有点低哦！！ http://www.php100.com/html/webkaifa/HTML5/2012/0831/10979.html

工欲善其事必先利其器，今天这篇文章主要讲解移动端H5开发必备的一些基础知识以及移动端适配和布局方案。后面笔者还会再出移动端常见问题汇总。像素像素即一个小方块，它具有特定的位置和颜色。图片、电

手机端和PC端网页的百分百自适应

HTML5:移动端开发入门一、前言常见的移动端开发分为移动版网站和响应式设计。移动端开发可以让技术人员专注于移动端的页面优化，而无需在意桌面版的兼容，但页面一旦改动内容，维护成本就翻倍了；响应式设计让开发人员只需维护一份项目，节省开发和维护成本，不过缺点是需要做好移动端和桌面端的兼容，也十分考验页面设计。两种开发方式孰强孰弱，暂无定论，本博客主要探讨一下移动端开发的技巧。二、移动端开发技巧 1. Viewport设置传统桌面端网站的显示窗口往往都是在1024X768的分

随着科技的进步，及人们日常生活节奏的加快，我们通常花费在手机等移动设备上的时间比使用电脑的时间越来越多，为了适应市场及用户的转变，越来越多的服务从PC端转向移动端，就导致移动端有着强大的发展前景和巨大的市场，作为一个Web高级前端开发工程师，移动端页面布局也成了我们必须掌握的技能之一。% 根据父元素的尺寸进行计算;但是，浏览器也就是viewport的实际宽度，是和我们手机的宽度不一样的，无论你的手机宽度是320px，还是640px，在手机浏览器内部的宽度，始终会是浏览器本身的viewport的宽度。

使自己做的asp.net网页适应手机浏览特别提醒：对于文本框和其他控件，无法自适应，只有纯粹的文本和table的单元格可以自适应，其他的只有设置为具体的宽度，或者在一个表格中（本来在电脑中显示一行的，在手机中要设置为显示几行），只有判断是否是手机或者电脑，分别设计不同的界面和更改细小的逻辑代码。 With=100%，充满整个屏幕，不设置具体值，宽度与控件宽度相同。标签...

39,084

社区成员

5,548

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章