网页设计自适应

最好是固定宽度,高度自适应,这样能保证页面在不同设备分辨率下都能正常表现.宽度自适应也行,最好加上min-width限制最小宽度,这样也能保证页面正常

iPhone手机网页的设计尺寸iPhone5尺寸是640x1136px分辨率是326PPI iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI安卓网页的设计尺寸320dp：一个普通的手机屏幕（240X320，320×480，480X800）480dp：一个中间平板电脑像（480×800）600dp：7寸平板电脑（600×1024）720dp：10寸平板电脑（720×1280，800×1280）ipad网页的设计尺寸iPad第三代第四代尺寸是2048x1536px分辨率是264PPI iPad第一代第二代尺寸是1024x768px分辨率是132PPI iPad Mini尺寸是1024x768px分辨率是163PPI以上是移动端的尺寸，单独的如果某一个移动的网站的尺寸是没有的，因为移动网站的一半情况是按照%比的尺寸 来自动适应屏幕的大小，或者也通过设置，iphone执行什么尺寸，安卓情况执行什么尺寸的。

你好怎样让bootstrap设计的页面不仅在电脑浏览器是响应式在手机端也是响应式呢？也就是电脑端不同分辨率下的浏览效果跟相应分辨率下的手机端浏览效果是一样的呢？闲话少说，直接上图看效果：在用bootstrap设计好页面,并在火狐浏览器上进行调试,效果图如下：但是在手机端浏览的时候发现整个页面被缩小的很小,连文字都看不清：为什么会这样呢？为什么bootstrap设计出来的页面样式虽然都一样,但是在手机端显示的只是整个页面都缩小而不是响应式的呢？后来才发现凡是bootstrap设计的页面都带有标签头:<meta name="viewport" content="width=device-width, initial-scale=1">只要每个页面都加上这样的标签头,电脑端和手机端的效果就会保持一致，加了标签头满意请采纳

　　网站自适应优点如下：　　　　1、更少维护　　　　开发一个独立的移动网站，会增加你的工作负担。实际上你就拥有了两个独立网站。如果你有一个响应式网站，维护的成本将会很小，因为它只有一个布局，且可工作在所有类型的设备上，而这可以明显地减少你的工作量。　　　　2、积累分享　　　　响应式网站设计可以让你(作为网站的拥有者)通过单一的URL地址收集所有的社交分享链接。你可以为创建更好、更友好的网站而做出积极贡献。　　　　3、用户友好　　　　响应式的网站设计能够对用户产生友好度，并且对于不同的分辨率能够灵活的进行操作应用。同时还可以进行收集分享，我们可以通过网站中这些单一的网站URL地址把那些社交分享链接收集起来。　　　　缺点如下：　　　　1、时间花费　　　　开发响应式网站是一项耗时的工作。如果你计划把一个现有网站转化成响应式网站，可能耗时。如果你想要一个响应式网站，最好从草图开始重新设计。　　　　2、优化难　　　　对于响应式Web设计，为搜索引擎确定关键字不是一件容易的事。因为相比一般桌面用户，移动用户多采用不同的关键字，修改标题及其他事项都比较困难。　　　　3、布局不好控制　　　　响应式Web设计的布局主要是液态的，这也正是设计者对设计样式不好控制的原因。而且眼下正是设计者提前展示各种“复制品”的时候。设计者试图针对移动和桌面布局分别显示线框和设计原型。只有等到这两种布局均得到提高后，响应式Web设计策略才能真正实现。　　　　随着移动设备的发展，越来越多的网页开始采用自适应网页设计技术，极大的提高了网页的用户体验，因此对seo起到催进作用，那么自适应网页设计技术对seo的促进作用主要表现在如下几个方面。　　　　1、由于采用自适应网页设计技术，网页显示效果更好，极大的提供了网页的显示效果，提高了用户浏览效果，进而提高了用户体验，我们做seo的目的就是提高用户体验，因此催进了seo的效果，提高了网站关键词的排名。　　　　2、过去需要几个页面解决的问题，现在一个页面就可以解决，提高了seo的整洁程度，减少了seo页面的代码冗余。　　　　3、可以减少重复内容，有利于seo关键词的排名。　　　　4、有利于搜索引擎识别，抓取，索引，网站质量的判断等。　　　　综上所述采用自适应网页设计技术对seo还是有很多催进作用的，至少没有什么副作用，如何是新建网站或者是网站改版，还是尽量采用自适应网页设计技术对seo还是有一定作用的。　　　　应用响应式网页设计，可以使我们不必针对具体设备或屏幕编写单独的网页，不需另建单独的网址，一个页面适用于所有的设备，即自适应功能。蓝迈通联做响应式网页时，可以自动识别屏幕宽度、并做出相应调整的网页。如今，这种响应式网站设计已经成为时代的潮流了。希望对你有帮助。

你好，如果你的浏览器不能自动适应网页的话，我觉得你可以用QQ浏览器9.0版，这个浏览器我一直在用，但和其他的浏览器不同，我觉得它不论是兼容性还是访问速度都可以，在提升速度上，我用的这两年也一直做得很好。并且它不像你现在用的浏览器那样不能自动适应网页。