Html 为什么不是'；t最大宽度和宽度：100%工作？

问题出在我的电脑上。所以我不能把代码放在这里。好的，如果您看到，当您在桌面浏览器中打开此博客，并减小浏览器的宽度时，博客的内容将缩小，即宽度减小（它不会以水平方向滚动）。这是因为使用了宽度：100%和最大宽度属性

但是，当你在手机的浏览器中打开这个博客时，它并没有跟随它们，尽管手机的屏幕分辨率低于桌面浏览器。为什么内容没有缩小？我理解错了吗？

你应该使用

<meta name="viewport" content="width=device-width, initial-scale=1">

---

在页面html的

中，为了使您的博客便于移动

最大宽度应包含像素（px），而不是百分比符号（%）

1） 将以下内容添加到文件头：

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

2） 尝试媒体查询，例如

<style type="text/css">
/* default styles here for older browsers. 
   I tend to go for a 600px - 960px width max but using percentages
*/
@media only screen and (min-width:960px){
    /* styles for browsers larger than 960px; */
}
@media only screen and (min-width:1440px){
    /* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px){
    /* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px){
   /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}
</style>

/*这里的默认样式适用于较旧的浏览器。
我倾向于使用600px-960px的最大宽度，但使用百分比
*/
@仅介质屏幕和（最小宽度：960像素）{
/*大于960px的浏览器的样式*/
}
@仅介质屏幕和（最小宽度：1440px）{
/*大于1440px的浏览器的样式*/
}
@仅介质屏幕和（最小宽度：2000px）{
/*适用于相扑大小（mac）屏幕*/
}
@仅介质屏幕和（最大设备宽度：480px）{
/*适用于小于480px的移动浏览器的样式；（iPhone）*/
}
@仅介质屏幕和（设备宽度：768px）{
/*默认iPad屏幕*/
}
/*iPad屏幕的不同技术*/
@仅介质屏幕和（最小设备宽度：481px）和（最大设备宽度：1024px）以及（方向：纵向）{
/*仅用于纵向布局*/
}
@仅介质屏幕和（最小设备宽度：481px）和（最大设备宽度：1024px）以及（方向：横向）{
/*仅适用于景观布局*/
}

我认为这是浏览器的问题！不要使用%，而是将宽度设置为最大设备宽度！这里有一个链接。你有没有试着在页眉上加上我说的话，然后再加上下面的内容？