所以我在制作移动友好网站上的特定页面时遇到了一些问题。我有移动友好元标记<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">，但似乎没有办法。问题是与“www.websitetesting.pro”如何使页面移动友好？
受影响的元素是其在3行中的“rowone”格列出的组合下的图像，并且图像在我的测试网站上的部分业务他们自己在“罗讷”之下的数字元素之下。 这个问题很可能出现在组合页面CSS中的上述元素，“portfolio.css”。 以下是代码。
https://pastebin.com/wugN8SSy 谢谢！
您需要更多地关注响应式设计。你有几个问题，从.column div明确设置为300px开始。你有3个连续的，所以如果你的屏幕分辨率< 900px宽，这显然是一个问题。设定百分比是一个更好的主意。
您可以通过将其宽度设置为32％并将余量保留为1％并在其中设置元素来设置max-width: 100%以更好地了解如何设计响应式网站。
注意：这些值是任意为你举例，并不会完全等于100％。已经有很多网格用于响应式设计。虽然这不是我的首选解决方案，但您可能需要考虑Bootstrap作为跳板点。
最好避免设置固定宽度并使用px进行尺寸调整。这是因为不同的设备具有不同的像素数量和比率。尝试使用em/rem获取字体和百分比来调整版面大小。
W3学校提供了一个很好的RWD教程。一探究竟。
谢谢你，我会检查出来。 – Crimsonwrath
只需添加到@ BPierce的答案：在大多数情况下，这可能是“最好的”，但当然不是全部。有些场景（如应用程序）需要在移动设备上使用固定宽度的显示器和像素完美的布局。这种最佳做法是一个很好的经验法则，但不应该导致问题。 – Bangkokian
谢谢你的帮助，我可以离开这个。对不起，这可能是一个愚蠢的问题，我仍然试图教我自己 – Crimsonwrath