如何设置初始缩放meta标签以适合正文宽度？

文章/答案/技术大牛

发布

1回答

html、css、tags、meta

我有一个低于500px宽度的页面看起来很糟糕。在宽度小于500px的移动设备中，有没有办法自动设置初始缩放meta标签，以适应视窗的宽度和主体的宽度？我已经尝试将正文的最小宽度设置为500px，但显然，必须手动缩小才能在宽度小于500px的屏幕上看到整个页面。

浏览 21提问于2019-03-31得票数 4

回答已采纳

1回答

ipad 3设备宽度是否总是768，即使视口元标签中的分辨率宽度为1536？

ios、meta-tags、viewport、ipad-3、metatag

我正在尝试理解ios设备的viewport元标签。我创建了一个测试页面，其中插入了一个862 is宽的图像。因此，我将viewport meta标记设置为： <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale如果你有一个1024像素的页面，你想把它放进ipad 3的可见区域，你把宽度设置为1024，初始比例尺为1，这难

浏览 0提问于2013-04-11得票数 4

回答已采纳

2回答

视口的用途是什么？

viewport、meta-tags

<meta name="viewport" content="width=device-width, initial-scale=1"> 把这个元标签放到标题上到底发生了什么？

浏览 8提问于2016-12-14得票数 0

1回答

移动网页..隐藏在智能手机控件后面的页面部分

html、css、mobile

android设备)后面width:100%;}<meta name='viewport' http-equiv="Content-Type" content="user-scalable=0; text/html; charset

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

1回答

如何获得基本的html在chrome web视图输入文本缩放像其他文本元素或坏的chrome用户代理？

html、css

在一个简单的html页面上工作-注意到在web视图中，输入框和相关标签不像其他文本元素那样缩放到视图，奇怪的行为？ Web视图是物理电话(像素2)和桌面chrome移动仿真。机器人显示小得多的输入框，实际上它缩放所有其他元素，主要是文本(dl/span)从16px到29.3px 只添加css来设置font-family，禁用该设置没有区别。当复制标签并将其放置在页面上的其他位置时，它会缩放。默认chrome (据我所知，除非插件导致问题) Chromes用户

浏览 15提问于2019-02-03得票数 1

回答已采纳

3回答

更改数字化仪视口以准确显示固定尺寸元素

viewport

我有一个宽1000px、高850px的超文本标记语言元素(它实际上是一个在画布标签上包含HTML5游戏的iFrame，但我希望这无关紧要)。我希望元素呈现在平板电脑上，以便视口缩放以始终显示整个元素，而不显示其他内容。因此，当平板电脑处于横向模式时，两边都会出现空白；而在纵向模式下，则会出现下方(以及上方？)的空白。在iPad2上进行测试时，纵向模式似乎可以开箱即用，视口会自动将元素放在顶部并进行缩放，以准确显示整个图像；但在横向模式下，它会做同样的事情，并切断底部。我尝试了各种viewport元

浏览 0提问于2012-11-23得票数 2

回答已采纳

2回答

如何强制Android浏览器在放大/缩小时不更改视窗宽度？

android、html、css、viewport、android-browser

我想知道如何强制安卓浏览器(最好是使用纯CSS3)在用户用手指放大/缩小时不更改视口的宽度？使用CSS可以做到这一点吗？提前感谢您的帮助。

浏览 0提问于2012-01-08得票数 1

1回答

页面的移动渲染在微视图中加载完整的垂直页面

css、mobile

你知道我如何才能阻止这种情况的发生，让它在移动浏览器中以全宽显示吗？

浏览 0提问于2012-09-13得票数 0

回答已采纳

5回答

UIWebView在加载外部网站时以编程方式设置初始缩放比例？

iphone、ios、objective-c、uiwebview、zooming

我想要做的是设置初始缩放比例，在某些情况下，内容偏移量，但这对外部网站不太重要。但在应用程序初始设置缩放和偏移后，用户应该能够更改它们，并且应用程序应该不会干预。、和提供了一些相关信息。元设置方法看起来很有前途--但是如果我不能控制将要加载的html内容，我该如何设置它呢？

浏览 0提问于2011-11-06得票数 7

回答已采纳

2回答

自举ViewPort

html、css、twitter-bootstrap

我使用引导3.0 rtl版本。我把它写成了12列，当我在Firefox中测试响应性布局(调整屏幕大小)时，它太棒了。当我在电话里测试它的时候。网站是显示像桌面版？为什么它不改变为响应的外观，我认为问题与Viewport或类似的？试试吧，

浏览 0提问于2014-03-02得票数 1

回答已采纳

3回答

图像中的文本没有响应

javascript、html、css

我正在制作一个小网页，我的问题是，图像中的文本并不是对所有设备都有响应，所以有人能帮助我使文本响应，以下是我的代码： <head> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="main.css"

浏览 0提问于2019-01-19得票数 0

回答已采纳

4回答

困惑于“初始规模=1.0”-iPhone3GS vs 4

html、mobile、css

我有一些问题，让我的网站，以正确的规模移动设备。<meta name="viewport" content="width=device-width;minimum-scale=0.5,maximum-scale=1.0; user-scalable现在，在Iphone 4上，如果我使用“初始比例尺=1.0”，它将在640 if上正确缩放(具有640 if宽的分辨率)。那么，

浏览 4提问于2011-08-22得票数 16

回答已采纳

1回答

iPhone不会尊重大于1000的元视口。超过1000的任何值都视为~1000！:(

html、css、iphone、mobile-safari、viewport

换句话说，网站最初应该适合一个iPhone屏幕没有水平滚动，然后用户可以捏放大。只有iPhones才有这种行为。在Android上也没问题。<meta name="viewport" content="width=500

浏览 0提问于2014-10-19得票数 0

回答已采纳

2回答

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

javascript、html、resize、resolution、scale

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

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

回答已采纳

1回答

页面不能缩放以适应移动设备上的视口

html、css、mobile、viewport、scalable

我的页面不能缩放以适应移动设备的视窗，即使我已经添加了meta标签： width, initial-scale加载页面时，页面太大，不适合屏幕大小。正文的css为position: relative; height: auto; max-widt

浏览 5提问于2019-01-27得票数 0

1回答

显示字体大小:内联块失败

html、css、mobile、font-size

字体大小是设置在rem和工作良好的桌面上。但在手机上(即Android Chrome )，字体大小不会缩放:文本变得很小，而其他文本(如p标签中的文本)就像预期的那样可读性很强。如果我删除显示:内联块从页脚-导航列，文本缩放，如预期，但与失去的列-布局。这里怎么了？

浏览 3提问于2015-07-14得票数 2

回答已采纳

2回答

引导4隐藏并显示网格

html、jsp、bootstrap-4

stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <meta

浏览 1提问于2019-01-11得票数 0

回答已采纳

1回答

是否可以使浏览器字段适合设备屏幕的实际大小？

blackberry、browserfield

我希望以一种与BB设备无关的方式完成此操作，URL的内容应适合设备屏幕。任何帮助都将不胜感激。提前感谢..！！

浏览 7提问于2012-12-14得票数 0

回答已采纳

3回答

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

html、ipad

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

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

1回答

在移动设备上的Iframe内部响应网站

html、css、iframe、mobile

我很难弄明白这点。我有一个负责任的网站，我试着用Iframe来称呼它。它在桌面上工作得很好，但在移动设备上却显得太少了。CSS outline: none; iframe { border: 0; width: 10

浏览 5提问于2016-08-31得票数 2

回答已采纳

点击加载更多