响应式设计问题

时间:2016-09-10 12:53:27

标签: html css

我的第一个主题希望得到一些有价值的答案。

所以基本上我一直在努力学习越来越多关于响应式网页设计的知识,现在我已经遇到了困难。我正在使用论坛软件MyBB,我构建了自己的自定义主题,并使用媒体查询使其响应。

谷歌的移动响应测试得分为99/100,它完成了这项工作。但我不满意。

https://gyazo.com/30cb40ba9ce046ec3156311d3b716d81 正如你在这张图片中看到的那样,它非常好,但你在更大的设备上使用论坛,比如S6或者Nexus 6S或iPhone 6s加上内容不适合屏幕,它更小,我看到很多空白

我正在使用max-width 700的单媒体查询,这会直接影响所有手机。

任何有关如何根据屏幕缩小内容的帮助表示赞赏,我知道我可以进行多次查询并定位更大的设备,但如果还有其他方法,我将非常乐意学习。

一些图片: -
在iPhone 5上: - https://gyazo.com/2bf46dbe4f316293398d6499e9f113de 在S6: - https://gyazo.com/9674273d0ac4be9a12db8cece0eca330

我想要就像5s一样。 干杯:)

0 个答案:

没有答案