如何使我的网站视图在移动小尺寸适合移动屏幕

How to make my website view in mobile as small in size fit to mobile screen

本文关键字:移动 屏幕 我的 网站 视图 何使      更新时间:2023-09-26

我已经建立了我的网站,在笔记本电脑或PC上工作得很好,但是当我在移动设备上输入URL时,我没有得到缩小尺寸的网站。我必须滚动查看屏幕的所有部分。我希望我的网站在手机或平板电脑等打开时缩小尺寸。我只剩下1天的时间提交我的程序,请帮助我找到解决方案。

粘贴到你网站的<head>。这会将网站缩放到你的手机大小。它也适用于平板电脑。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

适应不同屏幕尺寸的网站设计被称为响应式设计

有许多机制可以做到这一点。

    响应JS
  1. ——http://responsejs.com/
  2. 引导——http://getbootstrap.com/
  3. 手机差距(手机)- http://phonegap.com

我不鼓励您为这个需求做补丁工作,因为这将再次发生。以响应的方式设计代码