如果只能使用HTML5,请告诉我如何实现此目的。
我已经使用CSS和媒体查询完成了所有响应式设计。我正在编写一个显示在编辑器中的模板,客户希望它对移动设备友好。问题是我不能在该编辑器中包含任何css或javascript文件,因此想知道是否有任何可能的方法来实现
答案 0 :(得分:1)
不使用css,您无法构建响应式网页 响应式网页使用
创建css@media screen and (min-width: 737px) and (max-width: 1200px) {
/* write CSS element */
}
@media screen and (max-width: 736px) {
}
@media (min-width:768px){
}
例如写入媒体特定的CSS,如
@media (min-width:768px){.para{font-size:21px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
@media screen and (max-width:767px){
.table-responsive{width:100%;margin-bottom:10px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:2px solid #ddd
}