较小屏幕尺寸的配置问题

左侧的图片是现在在手机屏幕上的样子。右边的图片是我想要的样子，每行可以填写更多的单词。我将html背景设置为红色以突出显示它，并将body div显示为灰色。较小屏幕尺寸的配置问题

我需要什么样的变化作出的代码，以得到这一结果？我不确定页面为什么在右侧包含该部分，但左侧看起来没问题。我想从屏幕上取下那部分。我不知道，如果这一段代码可以帮助，但在这里它是：（也许它做的div.container）

@media only screen and (max-width: 680px) { 
     div.container { 
     margin: 0 auto; 
     width: auto !important; 
    }

来源

2017-01-01 Alexander

检查'右padding'或'MAX-width'规则 – Aziz

在样式添加这些：

html,body{ 
    margin: 0 !important; 
    padding: 0 !important; 
}

如果它不“任何意义，那么在此HTML视添加到您的head标签：

<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no; target-densityDpi=device-dpi" />

来源

2017-01-01 17:31:05 JustCauseWhat

我都尝试，并没有运气。当我改变笔记本电脑屏幕的宽度时，它可以顺利运行。但是当我在手机上查看该网站时，该html空间就在那里。也许代码“认为”屏幕尺寸小于实际的手机尺寸？ – Alexander

@亚历山大如果你给我的在线链接，那么我可以帮助你！ – JustCauseWhat

' Alexander

较小屏幕尺寸的配置问题

回答

相关问题