使用Viewport创建适合移动设备的版本

原文

我正在网站上工作,但我想要一个适合移动设备的版本.我是新手.

有人建议我应该使用下面的代码,我在这里找不到很多相关的问题：

<Meta name="viewport" content="width=320,initial-scale=1">

问题是我不知道如何实现它,我知道不能简单地转换整个页面.

我要求的是关于如何实现目标的一些指示.

解决方法

http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/为您介绍了视口元标记的各个方面.对于各种屏幕尺寸的优化,您可能希望使用< Meta name =“viewport”content =“width = device-width”>结合媒体查询(也在上面的文章中介绍).

请注意,您链接到的元素融合教程在视口值之间使用分号分隔符而不是逗号 – 这是不正确的.一定要使用逗号,就像你最初的例子:-)

使用Viewport创建适合移动设备的版本的更多相关文章

  1. 有关HTML5页面在iPhoneX适配问题

    这篇文章主要介绍了有关HTML5页面在iPhoneX适配问题,需要的朋友可以参考下

  2. HTML5单页面手势滑屏切换原理分析

    H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的，下面通过本文简单说一下其实现原理和主要思路，感兴趣的朋友一起看看吧

  3. Html5 页面适配iPhoneX(就是那么简单)

    这篇文章主要介绍了Html5 页面适配iPhoneX(就是那么简单),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  4. HTML5 移动页面自适应手机屏幕四类方法总结

    这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结,非常具有实用价值，需要的朋友可以参考下

  5. H5页面适配iPhoneX(就是那么简单)

    这篇文章主要介绍了H5页面适配iPhoneX(就是那么简单),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  6. ios – UIWebView – 不会在轮换更改时调整内容大小？

    所以我有一个显示静态HTML内容的UIWebView.当我以纵向方式启动ViewController并切换到横向时,它会正确调整内容的大小.但是,当我以横向方式启动页面并切换到纵向时,它不会调整我的内容大小,并且需要滚动才能查看所有内容.这是一个错误吗？是否有强制调整UIWebView内容大小的解决方案？解决方法你有2个选择：将其添加到html文件的HEAD部分：或者在方向改变时调用[myWebViewreload]

  7. android – 三星更新后的错误Monogame |将viewport.height检测为设备宽度

    我现在可以确认这是因为三星更新我制作了世界上最简单的Android应用程序来测试它,只是得到一个带有背景图像“bg”的主机和一个spritefront打印出viewport.Width和viewport.Height.这是代码：从VS部署时,一切都很好,viewport.width是实际的设备宽度,viewport.height是实际的设备高度.但是当试图从三星galaxyS4主动部署时,突然间Viewport.Height是设备宽度而另一种方式,这使得背景图片只是覆盖了一点的屏幕.拍了照片来表明：解决方

  8. 在Android Webview中使用元视口宽度

    我想使用viewport标签将html内容放入WebView中.这似乎在Chrome浏览器中运行良好,但无法扩展以适应WebView.我做了一个简化的测试活动：任何人都可以解释原因,或建议修复？解决方法好的,你必须使用：但是,如果你像这样设置user-scalable=0,它会中断：

  9. iframe在移动端的缩放的示例代码

    这篇文章主要介绍了iframe在移动端的缩放的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  10. 详解移动端h5页面根据屏幕适配的四种方案

    这篇文章主要介绍了详解移动端h5页面根据屏幕适配的四种方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧

返回
顶部