响应式网页设计，html宽度

我想让网站响应，如果你去我的网站here 去开发工具，你切换设备工具栏和响应下，如果你调整窗口大小在900px宽度下，你会发现html元素（通过整个页面）缩小到实际宽度的大小，虽然我的宽度设置为100％，但有什么想法如何解决这个问题？响应式网页设计，html宽度

下面的代码，如果你想看看：here

html{ 
     width: 100%; 
     } 


    body{ 
     width: 100%; 
     }

来源

2017-05-03 Robert Makar

你可以张贴在你的问题代码，而不是问人点击链接查看 –

我应该发布所有代码吗？我似乎无法找到代码中究竟出现了哪些问题或者如何解决问题 –

视口声明中存在错误，您应该将其更改为 - –

什么工作是以下规则：

.navgiationbar ul { 
    width: 100vw; 
}

但我敢肯定有一个清晰的解决方案。

来源

2017-05-03 06:51:06 Echolot

我已经看到您的网站，发现更多的部分使用宽度像素像头h1标题。所以每一处使用宽度的百分比都不是像素。

你可以写头这样的代码，这和删除这个类的CSS“名称”，并使用我的CSS：

.header-title { 
 
\t position: absolute; 
 
\t top: 0; 
 
\t right: 0; 
 
\t bottom: 0; 
 
\t left: 0; 
 
} 
 
.header-text { 
 
\t display: table; 
 
\t width: 100%; 
 
\t height: 100%; 
 
} 
 
.v-align { 
 
\t display: table-cell; 
 
\t vertical-align: middle; 
 
} 
 
.name { 
 
\t font-family: "Cookie"; 
 
\t font-size: 100px; 
 
\t color: white; 
 
\t margin: 0; 
 
\t padding: 0; 
 
}

<div class="header-title"> 
 
    <div class="header-text"> 
 
    <div class="v-align"> 
 
     <h1 class="name">Robert A. Makar</h1> 
 
    </div> 
 
    </div> 
 
</div>

来源

2017-05-03 07:03:52

响应式网页设计，html宽度

回答

相关问题