手机网站建设viewport的使用效果

点击次数：1190    发布时间：2021-04-19 网站的搭建不仅仅是考虑PC端的搭建和架构，更多的时候是要考虑手机端和移动端的可视觉效果和范围。手机网站的搭建和设置更多的时候是使用viewport的视窗优化效果，手机网站使用的是微互动。网站的设定大概达到460PX的时候，如若其它的元素超过这个限度，都以这限度为标准。虽然VIEWPORT能提供很好效果的可视化窗口，但还是要根据不同人群和受众的实际需要和其阅读手机网站时的所处环境和氛围而进行网页视窗效果的设计架构和内容创作。
        曾经有一句经典的话语归纳viewport的使用效果，viewport的大小决定了CSS设置像素的多寡恰好能适用于整个屏幕，好比方：viewport=320,这样就是算如果设置div的宽度为320px，div就恰好能铺满整个屏幕大小。
        苹果手机的分辨率为：
        iphone5:640*1136（像素）
        320*568（逻辑分辨率）
        iphone6:750*1334(像素)
        375*667（逻辑）
       可以使用代码来使得viewport的宽度等同于苹果手机的逻辑分辨率。