网页布局尺寸
CSS 命令 微信公众平台 自适应屏幕大小
下面就告诉大家如何解决。 1. 使用HTML中的viewport来实现viewport语法如下：HTML代码 123456789101112<!--在html代码的<head>...</head>中嵌入下面代码--><meta name="viewport" content=" height = [pixel_value | device-height] , width = [pixel_value | device-width ] , initial-scale = 0.5 , minimum-scale = float_value , maximum-scale = float_value , user-scalable = [yes | no] , " />width控制 viewport 的大小，可以指定的一个值或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。height和 width 相对应，指定高度。initial-scale初始缩放。即页面初始缩放程度。这是一个浮点值，是页面大小的一个乘数。例如，如果你设置初始缩放为“1.0”，那么，web页面在展现的时候就会以target density分辨率的1:1来展现。如果你设置为“2.0”，那么这个页面就会放大为2倍。 maximum-scale最大缩放。即允许的最大缩放程度。这也是一个浮点值，用以指出页面大小与屏幕大小相比的最大乘数。例如，如果你将这个值设置为“2.0”，那么这个页面与target size相比，最多能放大2倍。user-scalable用户调整缩放。即用户是否能改变页面缩放程度。如果设置为yes则是允许用户对其进行改变，反之为no。默认值是yes。如果你将其设置为no，那么minimum-scale 和 maximum-scale都将被忽略，因为根本不可能缩放。(设置屏幕宽度为设备宽度，禁止用户手动调整缩放)HTML代码 1<meta name="viewport" content="width=device-width,user-scalable=no" />(设置屏幕密度为高频，中频，低频自动缩放，禁止用户手动调整缩放)HTML代码 123<metaname="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>注：1). 所有的缩放值都必须在0.01–10的范围之内。 2). minimum-scale、maximum-scale要么写值，要不留这两个2. 不使用绝对宽度 由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。具体说，CSS代码不能指定像素宽度： width:xxx px;只能指定百分比宽度： width: xx%;或者 width:auto;3. CSS的@media规则 同一个CSS文件中，也可以根据不同的屏幕分辨率，选择应用不同的CSS规则。HTML代码 123456789@media screen and (max-device-width: 400px) { .column { float: none; width:auto; } #sidebar { display:none; }}上面的代码意思是，如果屏幕宽度小于400像素，则column块取消浮动（float:none）、宽度自动调节（width:auto），sidebar块不显示（display:none）。4. 流动布局 各个区块的位置都是浮动的，不是固定不变的。HTML代码 12345678 .main { float: right; width: 70%; } .leftBar { float: left; width: 25%; }float的好处是，如果宽度太小，放不下两个元素，后面的元素会自动滚动到前面元素的下方，不会在水平方向overflow（溢出），避免了水平滚动条的出现。另外，绝对定位（position: absolute）的使用，也要非常小心。5. 图片的自适应 图片的宽度和高度要按百分比来设定，千万不可以设定成固定大小。HTML代码 1 <img width="95%" src="" alt="" />
响应式网页一般都需要适配哪些移动设备分辨率
屏幕分辨率一般是这样的。然后做响应式的时候，需要考虑的是1024 * 768、768 * 1280、640 * 960、320 * 480的分辨率，其他的都不怎么考虑。1024 * 768 是一般电脑屏幕分辨率；768 * 1280是平板横着时的分辨率640 * 960是平板竖着时的分辨率320 * 480是iphone手机的屏幕分辨率。
html手机页面的字体怎么设置随屏幕的大小变化页变化？
手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css。需要用@media写多份css的。无法做到真正的随屏幕变化而变化。而<meta name="viewport" content="width=device-width" />的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。em是字体的宽度，也就是一个字体宽12px，那么em=12px；字体为15px，em=15px；一般用来动态控制字体外的区块大小去适应字体，而不是用来设置字体的大小的。例如：<p style="width: 12em;">
<!-- / 无论这里设置的字体多大，宽度只会容纳12个字 / -->
</p>如果<meta name="viewport" content="width=device-width" />没效果，建议你用图片贴出来，看看你想要的具体效果是什么。
淘宝装修（自定义页面）1920网页宽屏布局怎么做？
可以通过输入代码来做，也可以直接上传背景，具体要看你是想要海报还是背景，还要看你加不加链接，有不懂的可以继续提问
背景先切片再压缩都超过200K，试过切片分别上传但是不行。我做的是一大张1920宽屏网页，不是海报，而且挂好多连接。代码我在网上找了十几条了，在自定义页面都试过，但始终只有950。这几天都郁闷死了，如果你有代码，麻烦发我一下，非常感谢！
你要挂多少链接都可以，但连接只能在950范围内，超出了就不行了，代码我有，但不一地适合你用，因为代码里面有图片的尺寸，直接给你的话，你还要修改了之后才能用，还有，你会不会DW ？？如果会的话，那连接就好办了
http://happymoza.taobao.com/这个是我放在首页的效果，你可以看看。（全屏板块在页尾）再强调一下，是在自定页面实现1920宽屏的效果，首页现在一般的模板都可以做全屏了。
不好意思啊，因为最近比较忙，不经常上百度知道，回复晚了，别介意啊你说的效果是可以实现的，只要在店铺装修里面添加一个自定义模块，然后输入代码就行了，但是在强调一下，海报可以1920全屏显示，但那个链接只能在950范围内的，如果你不介意的话可以把海报发过来，我帮你做一下
我也是，最近特别忙。把海报发过去也没什么意义，天猫店我用楼下的代码做出来了，链接挂在搭配套餐和新品区上，c店的把你代码发我一下，可以全屏布局话，分就给你了
全屏海报代码.rar大小：3.48K|所需财富值：1 已经过百度安全检测,放心下载点击下载
首先谢谢你的代码，非常详细。但是前面我已经强调过了，是自定义页面，不是首页，是自定义页面，不要理解成首页添加一个自定义内容区，是自定义页面添加一个自定义内容区，而且实现1920的宽屏布局。
这个代码不能用吗？？
在首页是可以用的，但是我需要的是自定义页面的。已经无力寻找了，就采纳你的为满意答案吧。
最终还是没能帮您解决问题，真的很抱歉啊
关于网页制作大小与分辨率的关系
呵呵，我来回答你的问题吧。1：分辨率的问题。现在PC端大部分的网站都采用固定宽度、高度自适应、并居中的布局方法，宽度一般都是1000PX左右。这已经兼容绝大部分的分辨率了，至于极个别的分辨率的兼容性，要么舍弃掉，要么就对该分辨率重新设计一个版面。总的来说，PC端的分辨率，楼主不需要其有多大的疑虑，感觉有点太过忧虑。当你对网页制作更加深入以后，你会发现你的担心是多余的。2：你说自动铺满全屏。他没采用第一种布局方式，而是采用定位的方式布局的。3：网页在浏览器和DW软件显示有差异，你无需管网页在DW软件中的显示结果，显示结果均由浏览器显示结果为基准。因为用户使用浏览器访问你的网站。至于为什么会有差异，DW毕竟只是一个软件而不是浏览器。
那么定位的方式布局步骤是什么？我怎么设置。
用position这个属性来定位，绝大部分应该是用到的absolute;但也不一定全部，这个需要根据效果来布局的。网站不一样，方法肯定不一样。多多练习你就会知道了。~~
html页面，A4纸竖向打印，网页页面的宽度应该设置成多少？
首先要说明一下：px 是像素，相对于屏幕的分辨率，是相对值mm 是即毫米，是绝对值，因为，不同屏幕有不同的像素密度比，所以两者是不可转换的。A4纸的尺寸是210*297mm。竖向打印，你需要把html页面的内容设置成210mm的宽度。下面如何设置CSS：选中要打印的的DIV，点击右侧的CSS属性面板“+”号，新建样式输入CSS样式名，确定在CSS样式分类处选择“方框”，在右侧的“width”后填入“210”，后面的单位一定要选择“mm”。确定。我们查看代码视图里的原代码多了“width:210mm”这里再打印，就可以正常显示了。
