视口标签让网页在理想视口下预览

 zhushican   2022-12-28 15:25   308 人阅读  0 条评论

视口标签让网页在理想视口下预览

视口标签让网页在理想视口下预览

问题:

相同的内容,当窗口变窄,只是尽可能缩小网站来让用户看到网站的全貌。这对易读性来说不是件好事,在移动端上如何显示PC端的网页?

布局视口

在移动端上,视口与移动浏览器屏幕宽度不再相关联,而是完全独立的,我们称它为布局视口

视觉视口

虽然独立布局视口的创造很大程度上帮助了桌面网站到手机的转移,但是我们不能完全无视移动端设备的屏幕尺寸

视觉视口是用户正在看的网站区域。用户可以通过缩放来操作视觉视口,同时不会影响布局视口,布局视口仍然保持原来的宽度

理想视口

默认情况下,一个手机或平板浏览器的布局宽度是在768px-1024px。虽然这能让桌面网站不被压扁,但是这并不理想,尤其对手机用户,因为在狭窄的屏幕上更适合一个狭窄的网站

真正适合手机的视口是什么呢?

理想视口


本文地址:http://www.sclingchen.com/post/152.html
版权声明:本文为原创文章,版权归 zhushican 所有,欢迎分享本文,转载请保留出处!

评论已关闭!