如何设置视点meta标签，使我的HTML编写的网页在手机上以正确的比例显示？

文章/答案/技术大牛

发布

1回答

html

##Why此代码是否会在手机上以正确的大小显示我的网页？元标记不执行anything## <!DOCTYPE html> <head> <meta name="viewport" content="width=device-width, initial-scaleV

浏览 27提问于2020-06-26得票数 0

2回答

动态缩放页面的最佳方式？

javascript、html、resize、resolution、scale

我想知道你们和女孩们会推荐什么是最有效的，想要根据分辨率动态地重新缩放网站？有没有什么东西可以重新缩放元素和图像？或者我需要单独做这些事情？我一直在尝试使用百分比和em，但这似乎是一个巨大的麻烦。我已经寻找了很长一段时间，还没有找到任何非常合适的东西。

浏览 2提问于2011-01-25得票数 5

回答已采纳

1回答

使AngularJS网络应用程序对移动设备友好

angularjs

我有一个AngularJS网站，我想使移动友好。我能让它正常工作的唯一方法是修改index.html视口，如下所示：如果我没有将初始比例设置为较小，网页的某些部分将无法在手机上运行。然而，当用户第一次打开它时，将初始比例设为较小也会使其变得非常小-这是没有帮助的。如何让web应用程序对移动设备友好？每个

浏览 0提问于2017-04-12得票数 0

3回答

html中的Meta标签

html

有人能告诉我为什么我们在html中使用meta标签吗？

浏览 1提问于2010-09-16得票数 1

回答已采纳

5回答

Android Web App :定位:修复损坏？

html、css、android、webkit、position

我正在为手机开发一个Web应用程序。我选择了web应用程序，因为对我来说，开发一个可以在iPhone / Windows Mobile / Palm等平台上运行的应用程序似乎是一个成功的局面。在做了几天的概念、想法和设计之后，我今天开始测试，我想做的是在页面底部有一个菜单。与此iPhone应用程序屏幕截图中底部的菜单完全相同：使用CSS，我认为这真的很容易做到。只使用

浏览 1提问于2010-05-07得票数 32

回答已采纳

1回答

我的模板页面在移动设备上自动缩放

android、jquery、html、mobile

出于某种原因，每当我使用实际的移动设备在移动模板上打开我的一个页面时，它都会自动放大页面。有没有办法确保页面从100%开始？ <head> li{ } padding: 0 0li><a href="/privacy.htm">Privacy

浏览 3提问于2014-09-04得票数 2

3回答

使用meta viewport标签为桌面浏览器设置viewport

html、css

我有一个客户提供的宽度为1440像素的网站。客户要求我使用桌面浏览器将视区设置为1440像素，以便对于小于1440像素的屏幕不显示滚动条。它确实适用于移动设备，ipad设备，我们可以使用它来设置视口。这也适用于桌面浏览器吗？代码： <html</

浏览 4提问于2016-09-14得票数 8

回答已采纳

2回答

要在webview中显示的最佳页面大小

iphone

我想创建一个名为联系我们的php页面，特别是为iphone显示在联系我们在网站上的webview.current页面很大，它显然不好看的webView。我应该制作多大的页面才能在iphone UIWebView中清晰地显示它。

浏览 2提问于2010-09-01得票数 0

1回答

Webview:无法在电话上显示本地图像，但在模拟器上显示

android

我已经看过了所有关于在android手机上显示本地图像的帖子。我可以在模拟器上看到本地图像，但在手机上-“网页不可用”。不过，我可以用webView.loadUrl(“”)在手机上加载其他网页；<uses-permission android:name="android.permission.INTERNE

浏览 1提问于2011-12-04得票数 1

回答已采纳

2回答

StageWebView和安卓的缩放问题

actionscript-3、apache-flex、air、loader、flex-mobile

(1280x720) 在PC上，它完全显示HTML文件( HTML文件的背景图像为1280x720)，并且没有滚动。然而，在我的手机上，网页视图显示HTML文件被“放大”了(我说放大了，但实际上你不能缩小！)我必须滚动才能查看所有内容。内容以两倍的大小显示(如果我将背景图像设置为360x640

浏览 4提问于2013-02-27得票数 2

3回答

当我在iPad上以横向模式浏览我的网站时，如何停止Ipad放大字号？

html、ipad

当我在我的iPad上查看我的网站时，宽度真的不够宽，所以它有点挤，因为有很多栏(特别是当你展开部分的时候)。因此，我扭曲我的iPad来查看横向的页面而不是利用额外的空间，它只是使字体更大，我如何才能让它考虑到它现在拥有的额外宽度。

浏览 2提问于2015-04-22得票数 3

4回答

背景图像在iPhone上不能调整大小

iphone、ios、css

背景图像正在调整大小的，但不是在iPhone上(还没有检查iPad)。.slider-wrap-blue { background:transparent url(/images/fpfbg.jpg) no-repeat center center fixed

浏览 0提问于2012-10-27得票数 0

1回答

对我的iPhone XS最大最小宽度感到困惑

css、responsive-design、media-queries

当我在我的iPhone XS上查看Safari的网页时，下面的javascript语句输出肖像逻辑分辨率/像素: 414x896 / 1242x2688。screen.width * window.devicePixelRatio + "x" + screen.height * window.devicePixelRatio + "<br>");我在} @media screen and

浏览 2提问于2021-06-06得票数 1

回答已采纳

1回答

针对移动浏览器进行优化

mobile-website

我有一个简单的网页，是在服务器上生成的。它有简单的文本域，单选按钮，标签和类似的东西(非常类似于一个简单的表单)。我正在尝试为移动浏览器优化这一点。我想尽可能多地使用CSS，我想找到一种方法来支持iphone，android和流行的移动OSes。我的问题是，我是否可以设置页面样式，使字段始终占据电话宽度

浏览 2提问于2011-06-29得票数 0

3回答

为什么媒体查询不适用于移动设备？

css、media-queries

正如您从屏幕上看到的，我确实有一个媒体查询CSS .block { width: 100%; }但是对于小于600px的移动设备，块将无法显示亮蓝色背景；但可以使用桌面浏览器调整大小

浏览 0提问于2019-09-17得票数 0

1回答

如何在iphone上为移动网页设置正确的宽度

iphone、width

我正在尝试为iphone设置我的移动网页，但是它没有显示正确的宽度。1=这将显示发布的所有图片，但页面的屏幕比iphone屏幕大。name="viewport“content=width=480

浏览 2提问于2011-02-04得票数 3

2回答

元视口地狱

mobile-safari、media-queries、viewport、compass-sass、device-orientation

我在iPad和iPhone的Mobile Safari上遇到的问题是，当我以纵向模式加载网站，然后旋转到横向模式时，整个布局可能会向右跳30% (它还会放大缩放以适应480px的横向宽度)。我已经尝试了几种方法，并且我注意到将元视口标记从<meta content="width=device-width, initial-scale=1" name="viewport">更改为<

浏览 3提问于2012-06-22得票数 1

3回答

使我的网页不可缓存

apache、html、http-headers

我一直在尝试使用HTTP Meta标签使我的网页不可缓存，这是我在HTML页面中编写的meta标签。meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" meta http-

浏览 0提问于2011-12-10得票数 1

2回答

如何指定Chrome设备模式的视窗默认值？

html、ios、google-chrome、emulation、viewport

() 我试图理解viewport meta标签是如何影响网页的，现在我才意识到Chrome未能正确模拟已经让我困惑了几个小时，因为我的测试页面在设备本身上呈现方式不同。据我所知，iPhone 5S上的iOS在默认情况下会将页面呈现为980px宽，然后缩小以适应小屏幕。如果没有meta标签来指定宽度和初始比例，文

浏览 12提问于2017-02-16得票数 0

1回答

响应CSS诉Chrome的响应视图

css、google-chrome、responsive-design

我正在处理一个页面模板，页面顶部有一个标题。没有什么复杂的：text width: 100%;} 在Chrome中，它产生了我所期望的.一个横穿前50 In的条子，和我的视口一样宽。然而，使用Chrome的开发工具，我意识到当在响应模式下查看时，头垂直调整大小

浏览 0提问于2017-10-13得票数 0

回答已采纳

点击加载更多