首页 \ 问答 \ Android宽度:100%修复(网站接管问题)(Android width:100% fix (website takeover issue))

Android宽度:100%修复(网站接管问题)(Android width:100% fix (website takeover issue))

我正在制作网站皮肤/收购。

它在除android之外的所有浏览器上都很好看,其中皮肤图像css参数(宽度:100%)被视为屏幕宽度,而不是至少网站的宽度。 所以它不包装网站,但停在设备的屏幕宽度。 请看自己,我无法解释得很好。 我能做什么?

第一个图像是加载在galaxy S3上的网站,第二个图像是稍微滚动以查看右侧的网站。 如果你有更好的话,请编辑我的问题。

这是临时链接,直到我将它移动到客户端: http//csengrosseto.digitalprimes.com

第一种观点滚动视图


I'm making a website skin / takeover.

It looks good on all browsers except android, where the skin image css parameter (width: 100%) is seen as the screen width not as at least the website's width. So it doesn't wrap the website but stops at the device's screen width. Please see yourself, I cannot explain very good. What can I do?

The first image is the website loaded on galaxy S3 and the second image is the website a little scrolled to see the right side. Please edit my question if you have better words.

This is the temporary link until I will move it to the client: http://csengrosseto.digitalprimes.com

first view scrolled view


原文:https://stackoverflow.com/questions/20006567
更新时间:2019-07-15 12:07

最满意答案

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>  

这是也控制缩放的版本。


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>  

This is the version that also controls the zoom.

2014-06-16

相关问答

更多

CSS flexbox宽度100%Firefox(CSS flexbox width 100% Firefox)

firefox的对象#item-list的宽度有问题。 我想不出任何其他的东西,这是一个错误,至少铬在宽度上不太挑剔。 所以,你必须要做的就是像redbmk所说的那样给它一个固定的宽度。 所以这里是解决方案: 将#item-list位置设置为absolute ,并将其width为100% (在示例中减去div的边框)。 #pager { display: flex; position: relative; background-color: #fff; border: 3px so ...

当两者都设置为宽度时,页眉和页脚的意外间隙权限为100%?(Unexpected gap right of header and footer when both are set with width:100%?)

不要将div设置为宽度100%,它会默认展开。 你可以尝试的是删除宽度属性(从页脚和标题),并设置最小宽度是相同的内容(这是一个固定的宽度?)。 你有链接到我们可以访问的网站吗? 很容易测试Chrome / Firefox开发人员工具的作用。 Do not set div to width 100%, it expands by default. What you can try is to remove width property (from footer and header) and se ...

身体不会伸展100%的宽度(The Body does not stretch 100% it's width)

你的页脚内部元素太宽,一些“实时流量统计”链接。 见截图 。 You have too wide element inside footer, some "Live traffic stats" link. See screenshot.

Internet Explorer宽度问题(Internet Explorer width issue)

如果您使用IE9 / 8并运行开发工具栏,您会注意到IE8中生成的global.css与IE8不同。 看看为你生成的样式表是什么,看看你是否可以修改它以使MIN-WIDTH:930px; 或MIN-WIDTH:100%; 或者第二个选项添加到glboal.css样式表之后的某个内联样式或页面css中,或者链接到另一个样式表.wrapper {MIN-WIDTH:930px!important; }或.wrapper {MIN-WIDTH:100%!important; },以便覆盖global.c ...

Bootstrap输入的父容器的100%宽度完美?(Perfect 100% width of parent container for a Bootstrap input?)

应用input-block-level对我来说,跨越各种屏幕宽度非常有用。 它由Bootstrap在mixins.less定义如下: // Block level inputs .input-block-level { display: block; width: 100%; min-height: 28px; // Make inputs at least the height of their button counterpart .box-sizing(bord ...

CSS两列布局 - 高度100%,宽度100%(CSS two column layout - Height 100% and width 100%)

检查这种方法: http://jsfiddle.net/uvk80oob/4/ ...您可以将侧边栏和内容包装在包装器元素中并使用: .wrap { display:table; height:100%; } .wrap > div { display:table-cell; height:100%; } Check this approach: http://jsfiddle.net/uvk80oob/4/ ...you can wrap the sidebar and co ...

Android和支持Multiscreen在显示图像时的问题(Android and supporting Multiscreen's issue in displaying images)

您还可以使用框架/线性布局。 我现在仍在使用dp,但数量较少,这减少了你所看到的巨大差异。 我希望你仍然能够理解,我没有让你的图像使用,所以只使用了颜色。 在此示例中,您应该使用wrap_content而不是set widths / heights。 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" androi ...

如何调整Wordpress Twentyeleven主题以使页面宽度为100%并居中?(How can I adjust the Wordpress Twentyeleven theme so that the page width is 100% and centered?)

看起来这只是将body的填充设置为0的情况。 body { padding: 0; } Looks like it's just a case of setting body's padding to 0. body { padding: 0; }

相关文章

更多

最新问答

更多
  • Unity着色器错误;(Unity shader error; presumably in if statement)
  • 如何在Liferay portlet中设置Cookie?(How to set a Cookie in Liferay portlet?)
  • C#只读访问List <>或其他集合,或ToArray()魔术(C# readonly access to List<> or other collection, or ToArray() magic)
  • 如何使用Google Web工具包创建登录应用程序?(How to create a login application using Google web tool kit? [closed])
  • 如何使我的函数返回结果作为全局变量?(How to make my function return results as a global variable?)
  • 为什么我的网站需要“启用32位应用程序”?(Why does my website need “Enable 32-bit applications”?)
  • 红宝石数组具有相同的值(ruby array of hash with same value)
  • Android(在Scala中):StackOverflowError取决于何时启动线程?(Android (in Scala): StackOverflowError depends on when to start a thread?)
  • 适用于iOS应用的通用链接(Universal Links for iOS apps)
  • 创建并打开文件linux编程(create and open file linux programming)
  • Datepicker,第2个日期是从第1个日期开始的X天(Datepicker, 2nd date is X days from 1st date)
  • 背景大小过渡不起作用(Transition on background-size doesn't work)
  • 在React / Redux中的On Click函数中传递Prop(Passing a Prop in an On Click Function in React/Redux)
  • 关键字在代码中做了什么,是否有没有此关键字的替代方法?(what does the keyword this does in the code and are there any alternate methods without this keyword? [duplicate])
  • 反向设计FoxPro / dBsae数据库以创建EER模型(Reverse Engineer a FoxPro/dBsae database to create the EER model)
  • 在R中的变量中组合具有相同值的行(Combine rows that have same value in a variable in R [duplicate])
  • SQL Server:非空唯一主键(SQL Server: Non-null unique vs. Primary Key)
  • 将扩展ASCII字符代码转换为ISO-8859-1(Convert extended ASCII character codes to ISO-8859-1)
  • 如何在.NET中读取m4a文件中的标签?(How to read tags out of m4a files in .NET?)
  • 呼叫链接的性能提升?(Performance gain on call chaining?)
  • 风景名胜区规划设计文本里面都包含哪些内容?推荐一家旅游规划设计公司?谢谢!
  • 如何在String中将字符串转换为枚举?(How do I convert a string to enum in TypeScript?)
  • SQLite SELECT出现异常如何解决它?(SQLite SELECT gives exception How to fix it?)
  • NSLog不会从ViewController类输出,而是来自AppDelegate类的WILL。(NSLog will NOT output from the ViewController class, but WILL from the AppDelegate class. iOS:Objective C)
  • 更改UIPicker突出显示的标签宽度(change UIPicker highlighted tab width)
  • 空心倒五角形(Hollow inverted pentagon)
  • 如何设置仅使用OpenID的Plone站点(How to setup Plone sites working only with OpenID)
  • Paperclip缺少Amazon S3的协议(https)(Paperclip is missing the Protocol (https) with Amazon S3)
  • 从宏中部署netbeans中的ANT文件(Deploy ANT file in netbeans from macro)
  • XMLReader是未知的(XMLReader is unknown)