是否可以使用脚本删除元视口？
元视口是指网页在移动设备上显示的可见区域，通过设置元视口可以控制网页在移动设备上的布局和缩放比例。脚本删除元视口是不可行的，因为元视口是由浏览器解析网页时自动创建的，无法通过脚本直接删除。元视口的存在对于移动设备上的网页显示非常重要，它可以确保网页在不同设备上的一致性和良好的用户体验。
在移动开发中，可以通过设置meta标签来控制元视口的行为。常见的meta标签有以下几种：
- viewport：用于设置网页的视口属性，包括宽度、缩放比例、初始缩放比例等。例如：
<meta name="viewport" content="width=device-width, initial-scale=1.0">这个meta标签会将网页的宽度设置为设备的宽度，并将初始缩放比例设置为1.0。
- user-scalable：用于控制用户是否可以手动缩放网页。例如：
<meta name="viewport" content="user-scalable=no">这个meta标签会禁止用户手动缩放网页。
- maximum-scale和minimum-scale：用于限制用户手动缩放网页的最大和最小缩放比例。例如：
<meta name="viewport" content="maximum-scale=2.0, minimum-scale=0.5">这个meta标签会限制用户手动缩放网页的最大缩放比例为2.0，最小缩放比例为0.5。
腾讯云提供了丰富的云计算产品和服务，其中与移动开发相关的产品包括腾讯移动分析、腾讯移动推送、腾讯移动广告等。这些产品可以帮助开发者更好地了解和推广自己的移动应用。具体产品介绍和链接地址可以参考腾讯云官方网站的相关页面。
相关·内容
1回答
嗨，如果这个问题已经被问过了，对不起。但是我看了很多。
我发现的检测网络用户是否正在使用手机的方法看起来并不是很好。它们是:查看用户代理字符串(hackish)，查找窄宽度(但什么是窄？)。
有没有一种直接的方法来查看浏览器是否支持<meta viewport...>指令？我认为这是最好的方法。因为那是我们想要的..。如果浏览器支持视窗(即移动端)，请使用它。否则就不会了。
浏览 1提问于2011-05-31得票数 0
当键盘出现时，我在Android设备上添加到主屏幕上的web应用程序上遇到了奇怪的行为。
我有一个web应用程序：
<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="mobile-web-app-capable"
浏览 0提问于2014-09-18得票数 4
2回答
动态缩放页面的最佳方式？
、、、、
我想知道你们和女孩们会推荐什么是最有效的，想要根据分辨率动态地重新缩放网站？
有没有什么东西可以重新缩放元素和图像？或者我需要单独做这些事情？我一直在尝试使用百分比和em，但这似乎是一个巨大的麻烦。有什么脚本吗？我已经寻找了很长一段时间，还没有找到任何非常合适的东西。
浏览 2提问于2011-01-25得票数 5
回答已采纳
1回答
我正在尝试使字体大小是响应式的，并根据容器(图像)的宽度和高度自动调整字体大小。但现在的问题是，当我使屏幕尺寸变小时，它只运行字体大小"1em“。它从脚本中的// font大小开始，谢谢！:)
我能知道问题出在哪里吗？
$(function() {
// document
'use strict';
var t1 = $('div.cp');
// Settings
t1.each(function() {
var _t1 = $(this);
// Different Data type
if (_t1.data(
浏览 10提问于2018-02-25得票数 0
我有一个带有多个菜单的标题导航菜单，在移动设备上，当你上下导航子菜单时，菜单会向左/向右滑动。在iOS升级到9.0.2之前，它工作得很好。然而，现在在这行上：
menu.css({left: -(100 * positionVariable)) + '%'});
页面变得很奇怪:主体缩小到页面大小的一半，子菜单从右侧滑入，从页面的最右侧开始滑动。当我转到另一个子菜单时，页面再次减半。这是幻灯片开始时的样子：
子菜单滑入相应位置，但主体保持收缩。
我在我的一些应用程序中也注意到了类似的行为(例如MyFoodDiary)，当页面向左滑动时，主体会收缩，但在这个应用程序中，
浏览 0提问于2015-10-14得票数 0
4回答
div高度调整为分辨率
、、、
我想知道是否有可能使div调整到屏幕视图的高度。我想要实现的是，使第一个div总是适应分辨率，并把所有的东西从屏幕下。对于任何分辨率，灰色的部分都应该关闭屏幕。我知道身高有点棘手，但这有可能吗？
浏览 2提问于2017-03-04得票数 2
回答已采纳
1回答
有没有一个解决方案来允许嵌套的iframe由于父HTML中的meta viewport设置而无法缩放。
我有一个iframe正在加载到一个外部移动网站，我不能编辑，该网站有以下元视口设置：
<meta name="viewport" content="width=640, user-scalable=no">
当站点加载到宽度为320的设备上时，它会将站点缩放0.5，但它也会缩放该站点上的嵌套iframe，有什么方法可以禁用/停止这种情况吗？
我有类似这样的东西，iframe中的嵌套h1被缩放了0.5
<html>
<head&
浏览 1提问于2019-04-18得票数 2
在桌面上，导航栏固定在顶部，滚动时没有任何问题。然而，当我在手机上打开网站/使用chrome devtools时，导航栏一开始加载正常，直到我开始滚动，导致导航栏浮到(看起来像是)设备的顶部，最终切断了大约50%的导航栏。
我首先注释掉了我为导航栏编写的一些自定义css，看看这样做是否可以修复它，它不能。因此，我跳了进去，写了一些我认为可能导致这个问题的媒体查询。这并没有帮助(除了最终让我编写媒体查询之外，我本应该一直在写的)。然后我找到了一个资源，说我只需要添加一个偏移量/边距顶部来解决这个问题，但是这也没有什么作用。
<nav id="navbar-scrollspy"
浏览 17提问于2019-07-13得票数 2
1回答
具体来说，当我在三星Galaxy上测试我的站点时，我看到的是为桌面定义的样式。
你如何让手机使用移动样式(在脑海中有320 to宽度)，或者使用“为小隐藏”类等等？
目前，在那部手机上(我也认为视网膜显示设备也是如此)，你将不会看到. see for - css或全局css正在应用，只有媒体查询更大(768 on及以上)视图端口。
是否有人有生产高DPI设备的经验，即：(-webkit-min-设备-像素比: 2)与Foundation4一起工作？
浏览 3提问于2013-08-31得票数 0
回答已采纳
2回答
我想在移动Opera浏览器上更改网站的外观。我使用一个用户样式来改变一些CSS值，这在现在工作得很好，但是页面不能缩放到设备的全宽(任何一个方向)。因为我只对Opera使用它，所以我可以使用Opera-CSS属性"@-o-viewport“
这里有一个关于如何使用它的教程：
页面有一个固定的宽度，我仍然希望设备放大网站，所以它尽可能地大，同时仍然显示整个页面的宽度。
当我尝试这个的时候，它不起作用。页面以不同的用户样式显示，但css viewport属性不会按我预期的方式工作，页面以大约0.4的缩放比例显示
浏览 0提问于2012-06-13得票数 0
第一节使用100 the，所以#节-1和它的内容涵盖整个视口。
问题示例:当窗口位于300 no时，在滚动页上，绿色背景不再存在，内容仍然处于完整的100 no。
我认为它可能与一些css属性有px单位，或者可能是因为动画，但我不确定。
谁能帮我找出原因吗？
#section-1 {
background-color: #58b038;
color: #fff;
text-align: center;
height: 100vh;
margin: 0 auto;
padding-bottom: 30px;
}
.container {
max-width: 9
浏览 1提问于2018-09-18得票数 4
回答已采纳
2回答
我有两个关于设置视口的问题？
元标记是设置viewport的唯一方法吗？我是说是通过JS还是其他方式？
我有一个Java应用程序(使用JSP/Struts等)。所以我能从一个地方把它放在全球范围内吗？如果是的话，如果以后需要，我可以为特定的页面重写它吗？
浏览 3提问于2011-04-24得票数 1
回答已采纳
我正在开发phonegap/cordova应用程序。在html5中创建了几个页面，但是不管屏幕有多大，我都不能让它们覆盖整个屏幕。我尝试使用javascript。添加了要在加载时激活的脚本：
function SetupPage(){
document.getElementsById("container").style.width=window.innerWidth;
document.getElementsById("container").style.height=window.innerHeight;
}
但它仍然有内容的大小，我需要它来
浏览 1提问于2014-05-10得票数 0
我正在使用iframe将我在fliphtml5上创建的动画书添加到网站。动画书在桌面上看起来很棒，但在移动设备上不能正确显示。在移动设备上，它只显示动画书的一部分。 不知道是否有代码条件语句可以添加到iframe中，这样动画书就会以一种大小显示桌面，如果是移动设备，则会隐藏桌面，并以适合移动设备的任何大小显示。 提前感谢您的帮助。
浏览 19提问于2021-01-14得票数 0
2回答
移动Safari宽度问题
、、、
我在移动safari (在iPad和iPhones上测试)上遇到了这个奇怪的问题，body和一些div在中间被切断了，我对此无能为力。它在台式机上运行良好，但在移动safari上就不行了。这里有一个链接：和一张来自iphone的截图：
浏览 1提问于2014-06-11得票数 0
我在我的css中使用了以下媒体查询：
@media screen and (max-device-width: 480px) {}
这在我的老款iPhone3G上看起来没问题。但是当我把方向从纵向改为横向时..它爆炸了..。太大了，太宽了。
我试过了：
@media only screen and (min-device-width : 320px) and (max-device-width : 480px {}
没帮上忙。
有什么建议吗？
我不想放在一个景观特定的查询-如果可能的话，我想要一个通用的查询。
(是的，按下屏幕有点管用……但这不是我想要的用户体验。)
谢谢JD
浏览 0提问于2011-06-29得票数 2
我在ScrollView中有一个WebView。这是我的第一个要求，因为在ScrollView中还会有其他元素。我希望WebView适合可用的设备宽度中的内容。为此，我使用了viewport meta标签，如下所示。
<meta name=\"viewport\" content=\"target-densitydpi=device-dpi, initial-scale=1, width=device-width\" />
WebView的高度设置为Wrap_Content。我使用loadDataWithBaseURL()方法加载按钮单击时的WebV
浏览 0提问于2013-05-12得票数 0
我通过实现丹在这里推荐的东西来引导我的asp.net Razor2网站：
在我的_SiteLayout.cshtml文件中，默认添加了下面这一行：
<meta name="viewport" content="width=device-width" />
我不知道这是与我所做的Bootstraperization协作，还是与之抗衡，或者只是被Bootstrap代码取消了。
我把它注释掉了，没有明显的区别，但我想知道我简短的理智检查diesbezueglich是否站得住脚。有什么理由要把它去掉吗？把它留在里面？这不重要吗？
在相关的说明中，我应该删除或
浏览 2提问于2013-05-12得票数 0
回答已采纳
我是一个非常新的前端网络开发，我只是试图解决这个问题，因为前端团队(这是一个大学项目)正在努力解决这个问题。
我们正在开发使用laravel，它有许多预先制作的类，这样您就不必对它们进行编码(例如，您可以做flex，溢出-x隐藏等等)。不要担心，如果你不知道它是什么，我可以采取正常的HTML并为它找到等效的laravel类。
The issue
我需要父div的宽度是屏幕宽度的百分比。如果你看下面的图片，你会看到一个绿色和红色的容器。
他们都坐在一个父容器里。例如，我希望父容器是屏幕宽度的70 %，这样它就可以根据屏幕大小进行缩放。然而，当我应用类似最大宽度的东西时，它什么也不做。
浏览 1提问于2021-09-04得票数 0
回答已采纳
我有一个网站，它有一个菜单元素，正好是900像素宽。我希望使用viewport标签将900像素缩放到移动屏幕的宽度-但这似乎不起作用：
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
我的CSS只有一个具有任意宽度的元素，这是顶部菜单：
body {
background-color:#6C88FF;
overflow:hidden;
margin:0px; padding:0px;
}
menu {
浏览 2提问于2016-06-09得票数 0
我有一些动画svg插图，当用户滚动到它们时，它们会在视口的宽度上绘制出来。
它们在正常的屏幕尺寸下工作得很好，然而，我的同事2560x1440显示器没有将SVG dasharray显示到正确的长度。描述它的最好方法就是展示它：
在我的MacBook视网膜显示屏上：
更宽的显示范围：
我有一个测量页面上路径长度的脚本：
let lineLength = this.getTotalLength()
$(this).css('stroke-dasharray', lineLength)
$(this).css('stroke-dashoffset', li
浏览 0提问于2019-08-28得票数 0
这不太可能，但我希望有一种方法可以阻止IPhones在加载时调整页面大小。问题是，如果它是一个非常需要刷新的网站(比如论坛)，那么对于用户来说，每次刷新都必须调整页面的大小，这就有点陈旧了。
有没有一种方法可以强制Safari/ IPhnone在刷新时不最小化站点，而不涉及用户更改设置？
浏览 2提问于2009-03-30得票数 5
回答已采纳
1回答
我有一个网站，这是创建加载的网页视图在android设备上，所以基本上我所期望的是，我要加载的网站将适合屏幕，即不应该有任何溢出的页面和引入滚动
当你在纵向模式下加载网站时，它加载得很好，我的意思是一切都在适当的位置，没有溢出，图片的大小是正确的，如果我在查看网页时将其更改为横向，一切仍然很酷，它仍然缩放并显示与纵向模式相同的视图，你只是在它周围获得了额外的空间。
但是，如果我先在横向模式下加载网页视图，似乎我网站的内容在某种程度上被放大了，因为在横向模式下，你有额外的宽度，现在如果我把我的手机设为纵向，它不会重新缩放我的网站内容，所以在纵向中图片太大，它迫使你滚动到右侧来查看整个图片。
我尽
浏览 2提问于2012-05-17得票数 3
2回答
我最近在我的网站上遇到了一个问题，当我用移动设备(iPhone，Nexus4)浏览它的时候，旋转屏幕似乎搞乱了body/html的大小，这是Bootstrap响应式CSS的bug吗？或者这是我的站点中的一个关键问题？或者仅仅是移动浏览器的一个普遍问题？
的症状通常是您从纵向到横向或从横向开始，旋转到纵向离开页面，好像它仍然是横向比例的宽度，而实际上它是在纵向留下一个间隙，请参阅和以获得更好的理解。
浏览 0提问于2013-02-24得票数 2
回答已采纳
2回答
我想问我如何设置页面的响应高度，在更大的结果上，如macbook等。在这些屏幕上，我的页面纵向上比我需要的要小。我试了很多方法，但都不管用。
你可以在第二个img上看到网站底部的空白处...
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
margin:0;
padding:0;
}
#top_bar {
display:none;
}
.container {
max-width: 964px;
margin:0 auto;
}
.bar {
margin-t
浏览 4提问于2017-04-03得票数 1
1回答
据我所知，vh和vw使用了可视视图的高度和宽度，即浏览器窗口的大小，并将其除以100。因此，如果您定义一个元素宽为100 to，它将始终跨越整个浏览器窗口，MDN称之为可视视图。
在我的网站上工作时，我发现一个设置为100 of的元素只占用了屏幕的一部分，而且只有在移动设备上才能看到--直到我打开铬设备工具栏时才会出现错误。
深灰色的<section>元素被设置为height: 100vh; width 100vw;，我也有
html,body {
height:auto;
width:100vw;
margin:0;
padding:0;
浏览 2提问于2019-08-02得票数 2
我有个纳维酒吧..。当我悬停在一个选项，我希望它占据100%的宽度，所以它跨越整个屏幕。当我改变宽度达到100%时，它只是变小了，而不是变大了。
HTML
<div id="cssmenu">
<ul>
<li class="has-sub"><a href="#"><span>Details</span></a>
<ul>
浏览 1提问于2015-12-22得票数 0
回答已采纳
1回答
我很难弄明白这点。我有一个负责任的网站，我试着用Iframe来称呼它。它在桌面上工作得很好，但在移动设备上却显得太少了。
<iframe src="https://religious-freedom.herokuapp.com"></iframe>
CSS
iframe:focus {
outline: none;
}
iframe {
margin: none;
border: 0;
width: 10
浏览 5提问于2016-08-31得票数 2
回答已采纳
我正在寻找关于的教程，想法，建议如何在响应模板中实现“皮肤横幅”(也称为背景横幅)，作为著名的twitter引导模板。
如何管理背景图片的宽度？是否有可能在不使用javascript复杂脚本的情况下实现背景横幅？有任何工作示例吗？
非常感谢，法比奥
浏览 2提问于2015-07-30得票数 0
2回答
视口不工作。
、、、
我试图在移动上正确地缩放我的网站，但是当我使用viewport标签时，它什么也不做。
我的设计大约是500 if宽(我不希望它缩小，所以我希望网站“缩小”，直到整个设计适合用户宽度低于500 if的页面为止)，所以我想做这样的事情：
<meta name="viewport" content="width=500">
或者：
<meta name="viewport" content="width=device-width; height=device-height" />
即使我试图改变这些值，也不会发生
浏览 2提问于2017-01-15得票数 0
回答已采纳
3回答
自动检测屏幕高度
、、
我有以下代码：
<img style="width:100%; height: ??? ;" id="FrontImg" src="Content/Img/Glow-Keyboard-Wallpaper-High-Resolution-Photos-445152.jpg" />
我想知道是否有一种方法，即使用脚本自动检测用户的屏幕高度，然后将"height: ???;“更改为用户屏幕高度。
浏览 1提问于2015-10-27得票数 1
回答已采纳
我在我的网站上使用媒体查询来提供以下替代内容：
·Ipad 2、3和4
·Iphone 3、4和5
·Android
我的css代码如下：
@media screen and (min-width: 480px) and (max-width: 900px) {
/* Content for ipad */
}
@media only screen and (max-width: 480px){
/* Content for iphone */
}
使用上面的css媒体查询可以很好地满足ipad和iphone的所有口味。然而，我对使用400x800高分辨率屏幕的Android设备感到困惑。我
浏览 1提问于2013-03-26得票数 0
因此，我已经从/wp-admin/admin-header.php中删除了视口，并通过admin_head操作安装了我自己的视口：
add_action('admin_head','CustomHead',1,1);
那是我的视窗
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width, user-scalable=no" />
到目前为止一切正常。我用wp_head做
浏览 16提问于2015-04-11得票数 0
2回答
我们正在使用jQuery移动框架开发一个应用程序。到目前为止，应用程序运行得很好，现在我们正在考虑为不同大小的浏览器窗口使用“媒体查询”条件CSS脚本。
我们的想法是，当用户从iPhone/Android/Windows phone等移动浏览器访问我们的应用程序时，他们可以看到全宽和全高。但是当有人从常规的桌面浏览器访问时，它的宽度超过800px，我们需要重新调整我们的应用程序的宽度和高度。
问题是，我们希望在iPhone背景上设置重新调整应用程序窗口的大小&目前背景位置是固定的。我已经尝试了几千次重新调整宽度和高度，并且能够重新调整宽度，但不能重新调整高度。此外，我需要改变我们的应用
浏览 2提问于2012-03-07得票数 1
1回答
我想知道是否有人能帮我。
我使用页面来允许用户查看保存在MySQL数据库中的标记，以及地理代码/反向地理编码新的标记位置。
我能够正确地将地图中心放在正在从数据库加载的标记上，但我遇到的问题是，地图缩放到它的最大设置，而我希望能够手动设置它。
我尝试在我的脚本中添加另一个缩放控件：
// add marker
var bounds = new google.maps.LatLngBounds();
var loc = new google.maps.LatLng(las[i],lgs[i]);
var marker = new google.maps.Marker({
position: l
浏览 2提问于2012-06-09得票数 0
回答已采纳
1回答
我制作了一些400x300像素的图像。它们每个都包含一个带边框的字母。如果我在移动浏览器中打开，图像会比屏幕大。我在Chrome，Firefox，Opera浏览器上试过，结果都一样。此问题仅存在于移动电话上。即使在响应视图中，在台式计算机上也没有问题。 如果我设置一个较低的最小值，假设是300px，那么图片将适合显示。grid-template-column: repeat(auto-fill，minmax( 400px ,1fr))；我的手机的显示屏是720px宽的，所以我不知道为什么当我把它设置为400px时，右边看不见。 我把html上传到了这个website On my phone
浏览 5提问于2020-12-10得票数 1
回答已采纳
3回答
我在wordpress标题中有以下脚本，当用户向上滚动而不是向下滚动时(第一次除外)，它会使我的#s-nav动画化。
然而，我不希望它在移动设备上运行(我希望当屏幕小于768px时能够更改css )
<script>
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('nav').outerHeight();
$(window).scroll(function(event) { didScroll = true; });
setInterva
浏览 12提问于2016-07-28得票数 0
回答已采纳
1回答
我是开发手机网站的新手，我对Palm Pre有一个问题。我写了这个简单的HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Welcome</title>
</head>
浏览 4提问于2011-01-14得票数 0
回答已采纳
我今天更新了jQuery Mobile Beta1，现在在我的手机(安卓)上，甚至我在页面上测试的一些iPhone都显示在我的桌面浏览器中=需要缩放才能阅读内容。
我没有发现他们改变了任何关于它是如何工作的吗？
在我更新之前，它在最新的alpha中运行良好。
浏览 0提问于2011-06-22得票数 2
回答已采纳
根据，我尝试以以下方式使用viewport单元，以自动放大大监视器上的一个小页面：
/* automatically magnify business-card-style page in large viewports */
@media (min-width: 50em) and (min-height: 64em) {
/* start with 100% at 50em, we'll have 150% magnification at 75em */
html {font-size: 2vmin;}
}
然而，当在Google上测试时，它使缩放功能大部分停止工作。
这
浏览 2提问于2015-05-12得票数 8
3回答
我试着把我的设计作为移动端在chrome上运行给开发人员工具，但是引导不起作用。有人能告诉我为什么bootstrap在移动设备上不能工作吗？
这是我尝试在手机上跑步时的照片。
当我在台式机上运行时，我不知道为什么不能在移动设备上运行。
以下是我的媒体查询。
@media (max-width: 768px) {
.img-responsive{
width: 300px;
height:50px;
padding-left:50px;
}
}
@media (max-width: 376px) {
.img-responsive{
width: 220px;
heigh
浏览 0提问于2016-04-24得票数 16
回答已采纳
1回答
我目前正在1shop page上的所见即所得编辑器中设置一个响应式页面。我不能设置视区比例，因为元标签是预定义的。有没有办法用css实现下面的设置？也不支持JavaScript。content="width=device-width, initial-scale=1.0"
浏览 13提问于2019-01-30得票数 0
1回答
我们有一个网站，使用谷歌地图静态地图功能嵌入地图到网页。这是没有问题的，我们只使用这样的东西：
<img src="http://maps.google.com/maps/api/staticmap?zoom=15&size=512x512&maptype=roadmap&markers=color:red|label:H|42.038322,-87.680260&sensor=false" />
我们现在正在为同一个客户创建一个移动站点。代码本身仍能工作，但我想知道如何确保我得到的地图不会覆盖整个屏幕，但仍然是可读的。有用于移动屏幕
浏览 0提问于2011-01-21得票数 3
回答已采纳
在ios5中，当我尝试使用KineticJS绘制图像时，它被绘制为perfectly.But，而在ios6中，当我尝试使用KineticJS绘制图像时，图像被放大了2-3倍(与ios5中的图像相比) automatically.Why是这样吗？这是什么解决问题吗？我如何解决这个问题？提前谢谢。
浏览 3提问于2012-10-23得票数 2
1回答
如何为移动跨平台站点编写CSS
、、、、
iOS很简单，因为像素比率始终为1或2，而目标dpi始终为像素/比率。然而，Android使用1.3，1.5，在某些情况下使用2.25作为像素比率。我不知道有什么方法可以将android设备的目标dpi设置为像素/比率，这将是一个简单的解决方案，但我想象一个像素不完美的解决方案，适用于任何实际像素计数是其凹陷计数的奇数倍的显示器(那些1.3，1.5等)。
现在，我基本上是为每个-webkit-min-device-pixel-ratio编写css，然后手动将我的px值乘以该比率(稍微调整一下舍入)。使用ems可以很好地处理字体和其他一些事情，但是如果我不想要半个、空的或重叠的像素，我必须使用p
浏览 13提问于2013-02-07得票数 0
1回答
CSS iPad视图布局
、、、
在这里设置了示例：，完整页面示例位于：
在该示例中，我有一个包含.container的header，header是全宽的，.container固定为特定的宽度。
如果将宽度设置为980像素或更小，则页面在iPad上呈现得很好，如果将宽度设置为大于980像素，则在右侧开始出现错误的空格。
我认为iPad的默认布局模式是，如果元素比视觉视口宽，视觉视口将缩小，直到所有内容都适合，然后允许用户手动放大页面的某些部分。我确信，这就是我过去的工作方式。
有人知道为什么网站不能自动缩小到合适的位置吗？
浏览 1提问于2012-08-03得票数 1
3回答
我很难找到这方面的文档。它是Safari特有的吗？
iOS 9 ()中最近有一个bug，其解决方案是将shrink-to-fit=no添加到视口元。
这段代码是做什么的？
浏览 3提问于2015-11-18得票数 166
回答已采纳
这是我在stackoverflow上的第一篇文章。希望我能在没有图片的情况下很好地解释。
->这是我的网站。
其他手机(在iphone上测试，galaxy s2的常规浏览器)浏览器会显示所有内容，包括正确的横幅。但是galaxy S4的股票浏览器没有显示正确的横幅。我必须缩小才能显示正确的横幅。
这是CSS问题还是galaxy S4的现货浏览器上的某种设置？
请参考下图- (在galaxy S4的库存浏览器上没有显示红色区域的右横幅)
有谁有主意吗？
提前感谢您的任何意见！
香香
浏览 2提问于2014-07-09得票数 0
1回答
元视口会覆盖固定元素宽度吗
、、、、
我有一个与viewport相关的简单问题..
我有一个页面，它有一个固定宽度为1200px..Now的div，我将元视口设为设备宽度
所以我的问题是，页面现在将如何呈现？1200px的固定宽度是否会被忽略，或者设备宽度是否会覆盖页面上的任何固定宽度？
同样，这种呈现行为在所有移动浏览器上都是一样的吗？
顺便说一句，我已经看过了关于的那篇很好的文章
浏览 0提问于2011-09-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
