电脑网页自适应宽度代码怎么写，可以让网页在不同分辨率的电脑上都能完好无损的显示。
电脑网页自适应宽度代码怎么写，可以让网页在不同分辨率的电脑上都能完好无损的显示。我们现在只学了，html，css，jquery...
电脑网页自适应宽度代码怎么写，可以让网页在不同分辨率的电脑上都能完好无损的显示。我们现在只学了，html，css，jquery
展开
展开全部
响应式要用CSS里的媒体查询单独来写 首先要了解一下基本的媒体查询的意思：
/* 小屏幕（平板，大于等于 768px）媒体查询的写法 */
@media (min-width: @screen-sm-min) { ... }
/* 中等屏幕（桌面显示器，大于等于 992px）媒体查询的写法 */
@media (min-width: @screen-md-min) { ... }
/* 大屏幕（大桌面显示器，大于等于 1200px）媒体查询的写法 */
@media (min-width: @screen-lg-min) { ... }
/*我们偶尔也会在媒体查询代码中包含 max-width
从而将 CSS 的影响限制在更小范围的屏幕大小之内。*/
@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }
上述功能了解之后，只要把想要实现的分辨率效果 写在不同的媒体查询里即可
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
