如何使我的网站视图在移动小尺寸适合移动屏幕
How to make my website view in mobile as small in size fit to mobile screen
我已经建立了我的网站,在笔记本电脑或PC上工作得很好,但是当我在移动设备上输入URL时,我没有得到缩小尺寸的网站。我必须滚动查看屏幕的所有部分。我希望我的网站在手机或平板电脑等打开时缩小尺寸。我只剩下1天的时间提交我的程序,请帮助我找到解决方案。
粘贴到你网站的<head>
。这会将网站缩放到你的手机大小。它也适用于平板电脑。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
适应不同屏幕尺寸的网站设计被称为响应式设计
有许多机制可以做到这一点。
- 响应JS
- ——http://responsejs.com/
- 引导——http://getbootstrap.com/
- 手机差距(手机)- http://phonegap.com
我不鼓励您为这个需求做补丁工作,因为这将再次发生。以响应的方式设计代码
相关文章:
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 用鼠标点击移动屏幕项目的顺序
- 将特定html文件上的幻灯片图像调整为移动屏幕
- 如何在移动屏幕上居中“获取数据”
- 在主干中处理移动屏幕方向
- 移动屏幕上的可点击子菜单
- 移动屏幕/视口大小检测 - Javascript
- 在移动屏幕中从纵向移动到横向并返回纵向时,窗口元素在垂直方向上变得不可见
- 防止移动屏幕上的对话框滚动正文
- 在HTML中,我如何使两列合并为一列用于移动屏幕
- 如果我在网格-地铁风格的应用程序中滑动项目,则无法移动屏幕
- 在移动屏幕上滚动时,mobi网站动画停止
- 根据特定的移动屏幕调整CSS大小
- 不同的背景幻灯片移动/屏幕
- 如何使我的网站视图在移动小尺寸适合移动屏幕
- 在移动屏幕尺寸上禁用特定脚本
- 当键盘在移动屏幕中向上滑动时,HTML CSS JS问题
- 通过 iframe 模拟移动屏幕大小
- Highcharts无法使其适合移动屏幕尺寸
- React-native如何在文本输入时向上移动屏幕