我使用http://reddit.com的网站作为参考来构建一个css网页,其中侧边栏在页面上始终保持相同的大小,而整个左侧在屏幕显示时逐渐缩小。
sidebar{width:400px;float:right;/*rest doesn't matter*/}
leftside{width:auto;height:auto;;overflow:hidden;/* no float */} // i think this
// is where i missed up, reddit's site didn't have this
无论如何,这个网站在移动设备上根本不会扩展,侧边栏会占用整个屏幕,但在reddit的网站上它可以很好地扩展。如何使我的网站扩展?我是否需要另一个div来包裹侧面和左侧?我试着在网上看一下这个,但是大家只是说不使用px来定义侧栏,但reddit使用了px并且它仍然缩放...
由于
答案 0 :(得分:3)
如果在移动设备上,可能由于使用屏幕大小的媒体查询而缩放它,因为在我的浏览器上reddit与您的描述相同,侧边栏在我将其调整为大小时采用整个浏览器大小移动设备 如果你想让它不像reddit那样在浏览器上做就可以了;使用媒体查询以及浏览器的宽度,并在这些规则中调整侧栏的大小;或使用某种javascript或html5和css将侧栏设置为按钮,并在OnClick时将其扩展到整个屏幕
答案 1 :(得分:2)
尝试使用响应式css框架,例如http://foundation.zurb.com/或http://gumbyframework.com/