|
手机版网站建设 网站建设不仅要考虑PC的建设和架构,还要考虑手机和移动终端的视觉效果和范围。移动网站的建立和设置往往使用视口的窗口优化效果,而手机网站使用微交互。当网站的设置达到460PX左右,如果其他元素超过这个限制,这个限制就是标准。VIEWPORT虽然可以提供一个视觉效果较好的窗口,但需要根据不同人和受众的实际需求,以及他们阅读移动网站的环境和氛围,设计网页窗口效果的架构和内容创作。 有一句经典的话,总结了视口的使用效果。视口的大小决定了CSS设置的像素数刚好可以应用到整个屏幕。比如viewport=320,也就是说如果div的宽度设为320px,div正好可以覆盖整个屏幕大小。 苹果手机的分辨率是: Iphone5:640*1136(像素) 320*568(逻辑分辨率) Iphone6:750*1334(像素) 375*667(逻辑) 代码可以用来使视窗的宽度等于苹果手机的逻辑分辨率。 |