Home > Web Front-end > H5 Tutorial > body text

HTML5 用来手机建站能不能实现在各种设备上的良好展现?

WBOY
Release: 2016-06-07 08:44:55
Original
1397 people have browsed it

回复内容:

可以, 不仅理论上可以, 实际上也可以.

问题在于你愿意为此花多大的精力, 于是我想起了一张图:
HTML5 用来手机建站能不能实现在各种设备上的良好展现?图片引用于互联网. 正是因为移动设备普及后,做设计配适的工作量急剧增大,因此在实践领域出现了相应的“响应式布局”理念,也就是说根据设备的尺寸区别,页面会动态地作出响应并改变网站本身的布局。

原理上说大概就是根据设备尺寸自动计算出网页上不同板块的尺寸和位置。

例如这个网站利用了“液态设计”的技术,你可以把浏览器窗口缩小,然后改变窗口的尺寸,观察页面的变化。
Simon Collison
你会发现页面本身的设计会发生非常大的自动调整,如下图:
HTML5 用来手机建站能不能实现在各种设备上的良好展现?不仅图片的尺寸会自动调整,甚至网页大块的布局也会随之变化,是不是很神奇。这样一来,就实现了在不同尺寸的浏览器中最大程度的保留了设计者的版式语言。

目前恐怕还是比较前沿和尖端的领域,但我认为,在移动互联网的时代,技术和市场两方面的因素将会推动这种设计方式成为一种新的规范或者标准吧。 当然可以,因为各种设备的浏览器差别不是很大,比起系统来讲,因为浏览器遵循统一的W3C标准,因而很方便。只不过如果是已经有PC端网站了再去开发手机端,已经不是好方法了,目前已经有公司可以直接将PC网站适配到手机端,可以先了解下南京天河石公司的技术。 这个理论上讲是可以在各种设备上有良好展现的
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!