当前位置:380元网站建设 虎网站 > 网站维护 > 正文

HTML5 移动页面自适应手机屏幕四类方法

发布日期:2018-07-03

目前,人们使用手机的频率越来越高,手机除了聊天,还能实现网站的浏览.那么对于手机浏览网站应该如何制作呢?现在的移动设备网站页面基本是使用HTML5 移动页面自适应系统.

1、使用meta标签:viewport

H5移动端页面自适应普遍使用的方法,理论上讲使用这个标签是可以适应所有尺寸的屏幕的,但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。

viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。

手机浏览器是把页面放在一个虚拟的"窗口"(viewport)中,通常这个虚拟的"窗口"(viewport)比屏幕宽,这样就不用把每个网页挤到很小的窗口中(这样会破坏没有针对手机浏览器优化的网页的布局),用户可以通过平移和缩放来看网页的不同部分。

、使用css3单位rem

rem是CSS3新增的一个相对单位(root em,根em),使用rem为元素设定字体大小时,是相对大小,但相对的只是HTML根元素。通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应。

目前,除了IE8及更早版本外,所有浏览器均已支持rem。对于不支持它的浏览器多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。

3、使用媒体查询

媒体查询也是css3的方法,我们要解决的问题是适应手机屏幕,这个媒体查询正是为解决这个问题而生。

媒体查询的功能就是为不同的媒体设置不同的css样式,这里的“媒体”包括页面尺寸,设备屏幕尺寸等。

4、使用百分比

百分比指的是父元素,所有百分比都是这样的。子元素宽度50%,那么父元素的宽度就是100%;

所以body默认宽度是屏幕宽度(PC中指的是浏览器宽度)子孙元素按百分比定位(或指定尺寸)就可以了,这只适合布局简单的页面,复杂的页面实现很困难。


北京办英国签证在哪里办理,北京飞伦敦需要多久?

    留学生回国隔离的16个城市是哪里? 第一批英国留学生,决定包机回来时,就吸引了所有人的目光,不论是家长还是其他国人,因为他们在担心,这批孩子中有没有感染者?会不会把病毒带回来,传染给其他人?又要在哪里落地隔离? 最后决定隔离地点在济南,这对济南的民众来说,是担惊受怕的。果不其然,最担心的事情还是发生了,2020年4月5日上午9点45分,济南卫健委官方发布了信息,一名英国16岁留学生被确诊了。 这...

       选择与Linux搭配的主机配置有什么技巧? 硬件的加速发展与操作系统内核功能的增强,导致较早期的计算机失去了再负荷新的操作系统的能力。举例来说,P-Ⅱ以前的硬件配置可能已经不再适合现在的新的Linux distribution。而且较早期的硬件配置也可能由于保存的问题或者是电子零件老化的问题,导致这样的计算机系统反而非常容易在运行过程中出现不明的死机情况,因此在利用旧零件拼凑Linux使用的计算机系统时,真的得要特别留意呢! 不过由于Lin...

       企业网站设计实现安全编写,要进行输入验证 实现安全编写,要进行输入验证 。要制作动态网站,毫无疑问需要和后台数据库进行交互操作。但是编写人员, 如果只是简单的利用访问语句,进行与数据库交互,而不进行输入的验证,就会留下漏洞。即便是有害的语句也会被输入, 造成安全威胁。这里常采用的方法是编程人员使用语句注入的方法,合理进行输入验证。

       个人网站推广需掌握的6大内容 时至今日,由于各种企业网站的崛起,导致个人网站黯颜失色。如果在互联网的今天,个人想单挑谋出路,想仅凭匹夫之勇就可一夫当几乎不可能,因为句 天津网站建设 - 虎网科技 了解发现,目前互联网创业已趋向群殴模式,个人网站想要脱颖而出必须讲究策略,弄清楚网站的赢利模式,也就是所谓的收入,那么个人网站如何获得收入?必不可少的就是推广,而个人网站在推广过程中有些内容站长是必须要掌握的。 1、前期准备工作要...

       如何对MYSQL数据库进行管理 主机控制面板里带有MYSQL的PhpMyAdmin控制面板,包括上传,备份,操作数据库表等都在那里可以操作。 导入操作:打开了PhpMyAdmin控制面板,点左边的库名,再点右上角的'SQL'链接,下面会有一个浏览文件。只需要把你的SQL脚本选中然后上传就可。 导出操作:点击右上角的'导出'链接,然后选择要导出的表,再提勾另存为文件,点确定导出成SQL脚本文件。

       网页制作怎样提升网站页面打开速度 网站做的再美观,如果打开速度比较慢,还是会流失很多用户的访问量,网页制作企业-酷创动力在此归纳了几点内容,可以帮助网站快速提升访问速度。   一、网站所在服务器的带宽   网络带宽的高低直接决定网站打开的快慢,当然,如果用户所在网络本身带宽不足,那只能爱莫能助。在这里,一般推荐网站放置在处于主干节点的服务器上,当然价格也会相对比较高。退其次,可以选择一些比较大的主机服务商,有能力的可以购买独享带宽...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读