> 웹 프론트엔드 > H5 튜토리얼 > HTML5 用来手机建站能不能实现在各种设备上的良好展现?

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

WBOY
풀어 주다: 2016-06-07 08:44:55
원래의
1453명이 탐색했습니다.

回复内容:

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

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

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

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

目前恐怕还是比较前沿和尖端的领域,但我认为,在移动互联网的时代,技术和市场两方面的因素将会推动这种设计方式成为一种新的规范或者标准吧。 当然可以,因为各种设备的浏览器差别不是很大,比起系统来讲,因为浏览器遵循统一的W3C标准,因而很方便。只不过如果是已经有PC端网站了再去开发手机端,已经不是好方法了,目前已经有公司可以直接将PC网站适配到手机端,可以先了解下南京天河石公司的技术。 这个理论上讲是可以在各种设备上有良好展现的
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿